PNG partial transparency not working in IE 8 with fadeTo()
|Reported by:||infinitemonkeys||Owned by:|
|Keywords:||PNG IE IE8 transparency fadeTo fadeIn||Cc:|
This problem is similar to #4786 though my problem description is somewhat different and I am using more current versions of JQuery and IE.
When using PNG graphics and fadeTo to fade in, the portions of the graphic that are completely transparent are properly transparent. The portions that are partially transparent are solid. In the case of the main logo graphic bottom left, this makes the mostly transparent background grid completely black. After much testing, I finally found out that using fadeIn and fadeOut for complete fades will fix the problem, though I do notice a brief moment during the fade in at the beginning where it looks like the problem still exists briefly, but quickly 'corrects' itself.
The problem does not appear in Firefox, Chrome, Safari, or Opera, only IE and appears in versions up to 8.0.7600. This does not seem to affect or be affected by opacity or hidden visibility. Other PNG graphics on the page suffer the same problem, but less obviously since they are over proper/similar backgrounds and 100% opacity works.
The corrected line with fadeIn replacing fadeTo is remarked below the improperly working line in the Hawk12alt.js file. Again, this 'works' but it looks like it is failing initially, then 'fixing' itself quickly.
I have attached the files necessary to reproduce this problem.
Change History (4)
Changed 7 years ago by infinitemonkeys
comment:2 Changed 6 years ago by addyosmani
- need changed from Review to Test Case
- Priority set to undecided
- Resolution set to invalid
- Status changed from new to closed