Ticket #6841 (closed bug: worksforme)
IE<9 stylesheets with filter rules break when setting opacity
|Reported by:||jdlrobson||Owned by:|
|Keywords:||filter ie6 ie7 show hide||Cc:|
In Internet Explorer the css filter property is used for opacity whenever you run .show / .hide functions
The style attribute of the #test element is edited during the transition to alter opacity and when the animation finishes filter is set as empty string on the elements style attribute.
Thus any existing css rules using 'filter' are cancelled out which I believe is incorrect behaviour.
As a solution I think either
At the end of the transition the filter rule in the style of #test should be removed so the css rule gets the power back. (Try clicking magic button to demonstrate). OR Opacity should not be applied for elements which already have the filter css rule.
See http://jonrobson.me.uk/static/mtc/jquerybug.html for a demo of the problem.
- Status changed from new to open
- Summary changed from IE6/7 css using filter rule wiped out by use of show() and hide() functions to IE6/7 stylesheets with filter rules break when setting opacity
- Priority set to high
- Version changed from 1.4.2 to 1.4.3
- Milestone 1.4.3 deleted
- Keywords show hide added
comment:13 Changed 16 months ago by mikesherov
- Summary changed from IE6/7 stylesheets with filter rules break when setting opacity to IE<9 stylesheets with filter rules break when setting opacity