Skip to content

'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>
To upload designs, you'll need to enable LFS and have an admin enable hashed storage. More information