PNG淡入轮播中的黑色轮廓

【问题标题】：Black outline on PNG fade-in in carouselPNG淡入轮播中的黑色轮廓
【发布时间】：2011-11-23 12:21:48
【问题描述】：

我正在我的新网站上使用功能轮播 - 这是一个糟糕的测试版本，但看看你就会发现我的问题 - http://tradewinds.blendagency.co.uk/carousel/

它在 Chrome、FF 和 IE9 中运行良好 - 但是在 IE8 和 IE7 中，在淡入淡出时，透明的 PNG 中会添加一个难看的黑色轮廓。

有谁知道如何去除 IE8 和 IE7 中的黑色轮廓。

谢谢！

【问题讨论】：

标签： internet-explorer-8 internet-explorer-7 png fade outline

【解决方案1】：

我解决了这个问题：

<style>
img {  
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
    zoom: 1;
}
</style>

然后将图像包装在 div 中，并在 div 上而不是在 img 上设置不透明度动画

【讨论】：