Om de ûnderfining foar jo te ferbetterjen is tydlik de funksjonaliteit dan dizze website troch ûnderhâldswurk beheind. Wannear in artikel jo probleem net oplost en jo in fraach stelle wolle, kin ús stipemienskip jo helpe yn @FirefoxSupport op Twitter en /r/firefox op Reddit.

Avatar for Username

Sykje yn Support

Mij stipescams. Wy sille jo nea freegje in telefoannûmer te beljen, der in sms nei ta te stjoeren of persoanlike gegevens te dielen. Meld fertochte aktiviteit mei de opsje ‘Misbrûk melde’.

Mear ynfo

Dizze konversaasje is argivearre. Stel in nije fraach as jo help nedich hawwe.

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

  • 1 antwurd
  • 7 hawwe dit probleem
  • 1 werjefte
  • Lêste antwurd fan 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?

Keazen oplossing

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

Dit antwurd yn kontekst lêze 👍 2

Alle antwurden (1)

Surajnaikin
Surajnaikin
more options

Keazen oplossing

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