jQuery PNG过渡与alpha

时间:2011-05-05 16:28:28

标签: jquery internet-explorer png

我有一个问题,我已经研究了一个月已经没有任何效果。

我有一个带有jQuery的图像滑块,当有一个过渡时,图像上的alpha变为黑色,我知道Internt explorer目前只支持一个alpha,这就是为什么我得到这个错误,但id想知道是否有任何解决方案

该网站是:http://www.posavasos.pe/kontiki,目前我正在使用带有alpha的图片,这就是为什么边框看起来错误

2 个答案:

答案 0 :(得分:1)

正如您已经说过的,Internet Explorer 6及更低版本不能正确支持Alpha通道。遗憾的是,鉴于所涉及的复杂性,没有任何修复可以在您尝试应用它的场景中起作用。

鉴于今天IE6的使用率明显较低,我最好的建议是放弃尝试使您的网站向后兼容“远远”,而是在您的网站上向有IE6的用户提供一条消息“此网页设计用于Internet Explorer 7或更高版本。请更新...”等,并提供Safari,Chrome,Firefox和Opera的更新和替代浏览器链接。

答案 1 :(得分:0)

IE7和8确实支持透明png,但是如果你对它们应用不透明度它会中断。我不确定IE9,但由于它具有原生不透明度支持,它可能会起作用。

我知道的唯一解决方案是使用图像大小嵌套两个div。使用old filter syntax将图像作为背景应用于内部div,然后将alpha应用于外部div。

可以只使用一个div,但像jQuery这样的lib不支持多个过滤器(IE7 / 8要求你为不透明度设置一个过滤器,为图像设置一个过滤器。)