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 to put img inside circle in html and css?

    jQuery - How to aply custom CSS to fields which are not empty

    How to make CSS NOT do something [duplicate]

    How to make background images clickable (javascript or css)

    image shows ui-button over the button image

    Integration of CSS, Javascript and html ,,,howto

    How to modify self and other classes with CSS :hover?

    How to select two elements with “> span” in CSS?

    How to create angled double border effect CSS

    How to create color custom scrollbar in pure css? [closed]

    How do I add HTML files to a GitHub repo?

    How to change css style by using Unicode Hexadecimal

    how to center a form using css?

    How to disable IE11 WebBrowser control scaling

    How to use a CSS sprite for a Repeating background image?

    CSS - How can I make a font readable over any color?

    How to change the slide picture when resize browser size

    CSS: How to fit a circular progress bar according to screen size (mobile)

    How to change and maintain multiple color themes at runtime with css?

    How to Skew divs with css

    CSS - how to put divs in the correct position on a webpage [closed]

    In laravel 4, How to render in template (blade) plain css or js from file?

    outlook.com how to target css at a specific class

    SceneBuilder (by gluon) doesn't show imported fonts

    How to get the Tololtip Tail for Menu

    How can I transform dots to line between CSS menu items?

    How do I get a button to show on mouseover using jQuery?

    How do I submit suggestions to the CSS spec? [closed]

    How Can I Remove a Surrounding DIV with jQuery?

    How to restrict character limit by line or # of characters with css?