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

    Border of outer element affects how margin of inner element is displayed, why?

    How to apply CSS to table cell depending on conditions

    How to disable by overriding webkit-transform and not deleting the line

    How to make a background-color transition that eventually covers div to center? [closed]

    CSS Specificity - how to overlap twitter-bootstrap

    How to make jQuery slide open and close with CSS class

    How can I change Bootstrap table-striped in a less specific way?

    In html how do I have table within table look visually the same as if I didnt have the inner table

    How to add Css classes in TinyMCE editor Styles drop down through coding

    How to layout list items in groups

    How to apply CSS locally on any online page?

    Capybara how to check if 'li' of a given link has proper css class

    How to write Text in css like show in images?

    Class inside of Div not showing properly

    How to add css-keyframes to vaadin components?

    How to change the colors of a website in real time?

    How to make columns scroll independently using CSS?

    How to select 3rd div which has specific css class

    How to align pictures on a menu bar?

    How to develop a webpage with Bootstrap [closed]

    How to display code in the same line?

    How to check “IF any one or all buttons are clicked” in jquery

    How Do I Trigger My jQuery Event?

    How to put only certain elements of a div in a css box

    How do I get placeholder text in firefox and other browsers that don't support the html5 tag option?

    How to make two divs side by side using inline-block?

    How do I make a nested
    expand to its contents?

    html - how to make images stay on certain part of background

    How to install custom fonts in css

    How does floating and clearing on the same element work?