Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Jei jums reikia pagalbos, užduokite naują klausimą.

Firefox for windows won't display absolute positioned divs over flash video

  • 1 reply
  • 7 have this problem
  • 48 views
  • Paskiausią atsakymą parašė Surajnaikin

quietcorn
quietcorn
more options

I have a website that has a brightcove video player. About a month or so ago, I was able to float divs over the video player so that they would display on top of the video player, using absolute positioning.

You can see the player here:

lifeminute.tv/evv/8+9+10+11+12+34/widget300s

In Firefox (mac), Chrome (windows), Internet explorer (windows) and Safari (mac) it all still displays properly. In Firefox (windows) the video player ignores the Z-index I assign it, and always places the divs underneath it, UNLESS I give the floating div a solid background color.

When I assign the following styles to the div containing the overlay, I can see the text properly, but of course the video is obscured. 

   background-color: #FFFFFF;
   height: 158px;
   position: absolute;
   top: 4px;
   width: 275px;

If I remove the background-color element the whole overlay pops to the back of the stack behind the video again.

Is this a FF windows bug or am I just missing something obvious?

I have a website that has a brightcove video player. About a month or so ago, I was able to float divs over the video player so that they would display on top of the video player, using absolute positioning. You can see the player here: lifeminute.tv/evv/8+9+10+11+12+34/widget300s In Firefox (mac), Chrome (windows), Internet explorer (windows) and Safari (mac) it all still displays properly. In Firefox (windows) the video player ignores the Z-index I assign it, and always places the divs underneath it, UNLESS I give the floating div a solid background color. When I assign the following styles to the div containing the overlay, I can see the text properly, but of course the video is obscured. background-color: #FFFFFF; height: 158px; position: absolute; top: 4px; width: 275px; If I remove the background-color element the whole overlay pops to the back of the stack behind the video again. Is this a FF windows bug or am I just missing something obvious?

Chosen solution

At times you have to add wmode="transparent" attribute to the flash video embed code.

Skaityti atsakymą kartu su kontekstu 👍 2

All Replies (1)

Surajnaikin
Surajnaikin
more options

Chosen Solution

At times you have to add wmode="transparent" attribute to the flash video embed code.