Question

我有一个页脚，它是背景图像，并随页面水平滚动。在IE10-11上，图像有拖曳/拖尾现象。当然，在所有其他浏览器中都可以。

不幸的是，由于客户原因，我无法共享开发站点，但这是该问题的简短视频。对不起，很抱歉，但是我认为您可以在页脚图像中看到绿色部分的问题。 https://drive.google.com/file/d/1j7c8w378EzlSPknHAIGhfBnir546DmqU/view?usp=sharing

这是我的页脚的CSS：

Gulpfile.js

还有JS：

#footer {
    height: 30%;
    background: transparent url(../img/footer.png) repeat-x;
    background-position-x: 0px;
    position: fixed;
    bottom: 0;
    left:0;
    width: 100%;
    background-size: cover;
    background-size: auto 100%;
    background-repeat: repeat-x;
    z-index: 100;
}

Answer 1

您遇到的是IE无法以渐进透明性（也称为“ png错误”）正确呈现.png文件。

有几种方法可以修复它，所有方法都称为“ png hack”或类似名称。

the IE PNG fix是最可靠和易于应用的一种。

您可以在此CSS技巧article中了解有关此内容的更多信息（并找到替代修补程序）。
如果可能的话，放弃渐进的透明度（保存为PNG-8格式）可能会有所帮助。

对“拖动” IE10-11的背景图像有什么建议吗？

1 个答案: