internet-explorer-8 - PNG淡入轮播中的黑色轮廓

Question

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

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

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

谢谢！

Answer 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 上设置不透明度动画