Firefox for windows won't display absolute positioned divs over flash video
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所有回复 (1)
选择的解决方案
At times you have to add wmode="transparent" attribute to the flash video embed code.