How do I get this div to cover flash control (jw player)?


Tags: html,css,flash,jwplayer

Problem :

Ive got a flash player (jw)...

And I used some downloaded code to make a drop down menu.

In firefox the drop down menu covers the jw Player but in other browsers it shows up behind the player:

a screen shot of the problem

Here is a screen shot of the code and css in IE developer tools:

a screen of the html and css

As you can see from the second image I have set the z-index to 9999 but it doesnt work and I have no idea how to force the div to display over the flash control in all browsers...

Any help much appreciated.



Solution :

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

as a child element to your object tag should fix it. Or, the wmode="transparent" parameter, if you're using an embed tag.


    CSS Howto..

    How large can CSS values be?

    How to override the height of parent node using CSS?

    How do I keep dropdown menus the same width of top level categories with auto width

    How to accomplish this layout with CSS and HTML?

    How to disable selection with specific class with js/css?

    CSS: How to get a button to always be to the left of another button that's in a corner?

    Showing and hiding content

    CSS: How to center element that is bigger then the container?

    CSS how to fix an element to scroll horizontally with the page but not vertically?

    How to apply effect just to background image and not text

    How to get a CSS selector in PHP?

    CSS: How to get this overlay to extend 100% with scrolling?

    How to make a picture hover over others without moving the other pictures?

    How to have dots as horizontal separator with inline text like in this screenshot?

    How to find all inputs which is not inside one div with css selector?

    Ionic: How to center a div?

    How to make the transitions in my css work

    How to Stop Down Arrow on Scroll Bar from going off screen on page resize with CSS

    How do I achieve this particular hover effect?

    How to place the block on the top of “second” screen using CSS?

    How to reload a css background-image inside a directive

    Python: How to override text area in form using CSS

    How do you create a scrollbar that recognizes scrolling only for the current topmost container using css?

    How to Add sub menu to dropdown menu in Blogger

    How to change the css of a div using the click function on jQuery, but however twice instead of once?

    how to color the whole star icon when button is clicked

    How to color specific word in a container using CSS

    how to move this navigation bar to the right

    How do I make a symmetrical downward pointing angle that is greater than 90 degrees using CSS?

    How to slide an element without removing it from DOM ( A psudo slide maybe)?