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.

সহায়তা খুঁজুন

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.

আরও জানুন

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

  • 1 উত্তর
  • 7 এই সমস্যাটি আছে
  • 15 দেখুন
  • শেষ জবাব দ্বারা Surajnaikin

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?

সমাধান চয়ন করুন

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

প্রেক্ষাপটে এই উত্তরটি পড়ুন। 👍 2

All Replies (1)

more options

চয়ন করা সমাধান

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