Question

我在网站上的某些元素出现了问题，我似乎无法让它工作。

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

我有两个问题：

在IE中，我无法使图像透明，我尝试了一些解决方案，但它无法正常工作，我尝试了这个解决方案：http://www.viget.com/inspire/jquery-ie-png-24-ie-black-background-issue-solved/但它仍然有黑色背景。而且我需要它是透明的，因为它将为超过1种颜色的图像设置动画。

动画并不是那么流畅，我使用左上角保持图像居中，图像的质量在动画时也会变得不稳定。

我希望有人可以帮我解决这两个问题，我现在已经坚持这个问题一段时间了，找不到合适的答案。

Answer 1

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/并查看是否有帮助。

Answer 2

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

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

注意：您还可以使用Save For Web＆amp; amp ;;将图像另存为一个或多个PNG文件。设备命令。

选择文件＆gt;另存为，并从格式菜单中选择PNG。
选择隔行扫描选项：
单击“确定”。

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

动画PNG图像不流畅，在IE中得到黑色背景

2 个答案: