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>

<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

PNG淡入黑色轮廓旋转木马

1 个答案: