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..

    Does HTML5 DOCTYPE affect how CSS3 effects are rendered?

    how to apply ellipse effect in which contain space in string?

    show No-Overlay (transparent background) when using backdrop:“static” in bootstrap modal

    How to add a “new line” after a ZF2 form element?

    how to make a box of nxn given in a url?

    How overlay two pictures to another using HTML-CSS?

    how to color the whole star icon when button is clicked

    How to Toggle Switch - Prices and Config? [closed]

    How many screen sizes should be handled typically for a responsive website? [closed]

    How to add html code into html?

    How do i make the evenly spread elements in my nav bar not touch the edges of the page?

    How to make AngularJS Materials drop down menues more visable?

    How to remove an overhanging div

    Codeigniter Form Validation - Showing Errors Individually problems

    How to get a list of valid values for a CSS property with javascript?

    How to make CSS compatible with all browsers?

    How can I inject a static CSS File in GWT like it is done with JS Files?

    how to use !important in jQuery animate() function

    How can I differentiate Safari and Chrome in CSS?

    CSS horizontal scroller, how to position “below” before “right”?

    How CSS Positions work, why absolute elements stack up on each other instead of stacking one after other

    How to create a card flip effect on DIV using javascript

    How to shift a background image with css

    How to Insert Images inside DIV in this case

    how to position an element on top of another element?

    How to create sub-labels for input elements using HTML

    How to make height squeeze with css

    How to make sure that dynamic DOM elements have correct css using jQuery mobile

    How to make CSS Multi Column layout over html to move between the columns on user click

    How do you make HTML elements appear on a vertical line using CSS?