开发者

IE8 PNG Gradient Transparency Problem

开发者 https://www.devze.com 2023-01-31 02:53 出处:网络
The following graphic illustrates an issue with png transparency in Internet Explorer, that I am unable to resolve.

The following graphic illustrates an issue with png transparency in Internet Explorer, that I am unable to resolve.

Transparancy not so transparent in Redmond. http://img101.imageshack.us/img101/1917/problemkl.jpg

The transparent graphic is the following image.

http://img411.imageshack.us/img411/7959/transparentfade.png

I realize that it might be invisible on white background, so here's the inverse of the same image to aid understanding.

http://img338.imageshack.us/img338/7121/transparentfadeinverse.png

The idea is to provide a soft lead-out which works nicely on Chrome/FF/Safari/Whathaveyou, but obviously one can't have nice things and IE wants to stand out. I would very much appreciate any help on this matter.

EDIT: I've read someplace that combining opacity effects and transparent pngs is not well supported in Internet Explorer. By removing the opacity effect and making suitable changes to my png graphic, I was able to reproduce same a开发者_运维技巧nimation across all major browsers.


You cannot safely mix legacy DirectX Opacity Filters and transparent-PNGs. In IE9, you can use native CSS3 Opacity safely with PNGs without the problem you encountered.

0

精彩评论

暂无评论...
验证码 换一张
取 消