动画PNG图像不光滑，并在IE中获得黑色背景

我有一个网站上的一些元素，我正在努力的问题，我似乎无法得到它的工作。动画PNG图像不光滑，并在IE中获得黑色背景

我已经提出了一个小演示的问题： http://www.fersh.nl/pinpoint-animation/

我有2个问题：

在IE浏览器，我不能让图像是透明的，我尝试了一些解决方案但它不工作，我试过这个解决方案：http://www.viget.com/inspire/jquery-ie-png-24-ie-black-background-issue-solved/但它仍然得到黑色的背景。我需要它是透明的，因为它会在超过1种颜色的图像上进行动画处理。

而且动画并不那么流畅，我使用left和top来保持图像居中，并且在动画时图像的质量变得不稳定。

我希望有人能帮助我解决这两个问题，我现在一直坚持这个问题，找不到正确的答案。

来源

2012-02-02 user1184874

IE通常不能很好地与PNG搭配使用。你可以尝试在元素上使用zoom:1，看看它是否有帮助。您看到的黑色背景是IE专有过滤器的结果。

此外，您应该尝试将动画应用于父级而不是元素。所以如果你必须在另一个元素中嵌套你的动画元素，你应该这样做。对于例如，而不是使用：

<div id="gallery"> 
    <img src="/path/to/image/image1.png" /> 
    <img src="/path/to/image/image2.png" /> 
    <img src="/path/to/image/image3.png" /> 
    <img src="/path/to/image/image4.png" /> 
</div>

和应用动画图像，请尝试使用：

<div id="gallery"> 
    <ul> 
     <li><img src="/path/to/image/image1.png" /></li> 
     <li><img src="/path/to/image/image2.png" /></li> 
     <li><img src="/path/to/image/image3.png" /></li> 
     <li><img src="/path/to/image/image4.png" /></li> 
    </ul> 
</div>

和转换适用于li元素。另外，如果你不反对使用JQuery，请尝试使用这个插件 - http://jquery.andreaseberhard.de/pngFix/，看看它是否有帮助。

来源

2012-02-02 11:38:41

希望这可以帮助，如果你没有尝试这一点。这是与文件保存相关的支持，

您可以使用“另存为”命令以PNG格式保存RGB，索引颜色，灰度和位图模式图像。

注意：您还可以使用Save For Web命令将图像保存为一个或多个PNG文件。

选择文件>另存为，然后从格式菜单中选择PNG。
选择隔行扫描选项：
单击确定。

无仅在下载完成时才在浏览器中显示图像。隔行扫描在文件下载时在浏览器中显示图像的低分辨率版本。交错使下载时间看起来更短，但它也增加了文件大小。

来源

2012-02-02 11:42:38

动画PNG图像不光滑，并在IE中获得黑色背景

回答

相关问题