IE8 PNG渐变透明度问题
下图说明了 Internet Explorer 中的 png 透明度问题,但我无法解决该问题。
透明度在雷德蒙德不太透明。 http://img101.imageshack.us/img101/1917/problemkl.jpg
透明图形如下图。
http://img411.imageshack.us/img411/7959/transparentfade.png
我意识到它在白色背景上可能是不可见的,因此这里是同一图像的反面以帮助理解。
http://img338.imageshack.us/img338/7121/transparentfadeinverse.png
这个想法是提供一个在 Chrome/FF/Safari/Whathaveyou 上运行良好的软引出,但显然不能有好的东西,而 IE 想要脱颖而出。我将非常感谢任何有关此事的帮助。
编辑:我在某处读到,Internet Explorer 中不很好支持不透明效果和透明 png 的组合。通过删除不透明效果并对我的 png 图形进行适当的更改,我能够在所有主要浏览器上重现相同的动画。
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 animation across all major browsers.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您无法安全地混合旧版 DirectX 不透明度滤镜和透明 PNG。在 IE9 中,您可以安全地将本机 CSS3 不透明度与 PNG 一起使用,而不会遇到您遇到的问题。
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.