'no video' incorrectly positioned if opacity is used in the webpage
Description:
This test shouldn't affect the position of the vlc object (at least not when it's absolute or fixed positioned). However with the 0.8.6 plugin under Firefox the 'no video' is shown on the incorrect position with this test. Video playback happens at the correct position though.
Conditions:
-
Mozilla VLC plugin 0.8.6, mac version (tested on the intel version)
-
Firefox (tested with 1.5 and 2.0)
-
No video is being played
-
Add the style with #triggerPositionBug
- anywhere in the
Bug appears when:
-
element is absolute, fixed or relative
-
element has both a left and top (margin-left/top won't work)
-
element (or a child) has both a opacity and height property
Observations:
- opacity seems the most interesting factor in causing this bug?
Testcode
Add this to the
(or before the body, since the damienf testpage doesn't have an head):<style type="text/css">
#triggerPositionBug {
/* the properties to trigger the bug */
position: absolute;
left: 50px;
top: 50px;
height: 100px;
opacity: 0.75;
/* the following is only to make the div visible */
width: 50px;
background-color: #f00;
}
</style>
Add this line somewhere in the body: (for example just after
or before<div id="triggerPositionBug"></div>