Opacity set for 1 causes problems in IE
|Reported by:||jeffkretz||Owned by:|
|Keywords:||msie opacity||Cc:||jeffkretz, flesler|
In MSIE, when setting opacity to 1, the filter css property is set for alpha(opacity=100), rathern than blanking out the filter property.
This causes problems due a bug in the way IE handles opacity. If a parent element is set alpha/100 and a child element is set for alpha/50, then the child element's partial transparency will "punch through" the parent and the elements behind it can be seen.
This was noticable for me with the ui.draggable function, which sets the opacity to 1 when the element is dragged, causing any child transparent elements to render weirdly.
The solution is to blank out the filter property when the opacity value is set for 1.
Attached is a recommended patch file for this.
Change History (14)
comment:1 Changed 8 years ago by flesler
- Cc jeffkretz flesler added
- need changed from Review to Test Case
Changed 8 years ago by jeffkretz
comment:12 Changed 8 years ago by brandon
- Resolution set to duplicate
- Status changed from new to closed
comment:13 Changed 8 years ago by brandon
- Resolution duplicate deleted
- Status changed from closed to reopened