IE 7透明PNG图片问题

Question

我有一个带有CSS布局的网站(http://techlipse.net/test/agb)。带有透明背景的PNG图片(它们是从Fireworks保存为FW png)通过淡入淡出效果循环显示，而另一个div在其后面移动云彩(telerik rad rotator)... 透明图像会在周围创建黑色轮廓。如果有人能解释一下这里发生了什么，我将非常感激。提前致谢。

- emre

---

它在IE8中也这样做...有趣！ - Jason

我知道在IE（7/8）中，PNG格式仍然存在淡入淡出时留下像素的问题，但这个问题对我来说是新的。 - scunliffe

哈哈，刚刚下载了IE8更新，结果IE完全不能启动 :) 感觉这种情况早就会发生。 - emre

有趣的是...这些图片单独加载时都正常，只有当它们堆叠在其他元素上时才会出现错误。 - scunliffe

是啊，没错？..这就是循环 jQuery 插件发挥作用的时候。 - emre

Answer 1

根据我所读的，如果您将图像放入容器中，并淡化容器而不是图像本身，则问题不会出现。我自己没有尝试过。

• 这篇文章谈到了IE7中PNG实现的一些限制
• 这里有一个有趣的讨论，其中发帖者“eric”在讨论中提到了我上面写的解决方案

- Karim

---

我尝试过了，用 div 标签包装了 Repeater（asp.net 组件），但不起作用。然后我给 div 加了一个 id 和 css 类 :) - emre