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

Thread ini telah diarkib. Sila tanya soalan baru jika anda perlu bantuan.

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

  • 1 balasan
  • 7 ada masalah ini
  • 1 paparan
  • Balasan terakhir oleh 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?

Penyelesaian terpilih

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

Baca jawapan ini dalam konteks 👍 2

All Replies (1)

Surajnaikin
Surajnaikin
more options

Penyelesaian Terpilih

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