flash/css and z index

Posted on 2007-10-02
Medium Priority
Last Modified: 2012-06-27
I have a css menu which overlaps a flash file.

This works fine in IE but not in firefox.

In the flash file ive added the code.

  <param name="wmode" value="opaque">

But in firefox the css menu still appears under the flash file.

Any ideas.

Code for css menu
#menu {
      width: 714px;
      background: #0099FF;
      float: left;
      z-index: 100;
      height: 24px;

Code for flash file.
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      color: #666666;
      text-decoration: none;
      text-align: left;
      voice-family: "\"}\"";
      float: left;
      margin-top: 0px;
      height: 397px;
      background-image: url(../images/face_interact.jpg);
      background-repeat: no-repeat;
      background-position: left top;
Question by:Cheryl Lander
  • 2
  • 2
LVL 21

Expert Comment

ID: 19996794
Can we see it online?

Author Comment

by:Cheryl Lander
ID: 19996874
I dont have it up yet.

Accepted Solution

OmegaJunior earned 2000 total points
ID: 19996924
What's this, a browser hack in your css?

voice-family: "\"}\"";

Try adding the z-index property above it?

Maybe you're merely experiencing a bug in Firefox. There's some problems left and right where various browsers display iframes and media objects on top of in-page objects. MSIE for instance displays a SELECT element on top of most other elements, due to the nature of the object used internally.

Author Comment

by:Cheryl Lander
ID: 19996997
There is no hack.

Assisted Solution

OmegaJunior earned 2000 total points
ID: 19997017
Maybe you didn't know about that?

Ref: http://centricle.com/ref/css/filters/tests/bmh/

Featured Post

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses
Course of the Month17 days, 7 hours left to enroll

864 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question