This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Cari Bantuan

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.

Pelajari Lebih Lanjut

Utas ini telah diarsipkan. Silakan membuat pertanyaan baru jika Anda membutuhkan bantuan.

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

  • 1 balas
  • 7 memiliki masalah ini
  • 15 kunjungan
  • 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?

Solusi terpilih

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

Baca jawaban ini dalam konteks 👍 2

Semua Balasan (1)

Surajnaikin
Surajnaikin
more options

Solusi Terpilih

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