上IE10-11“拖”的背景图片有什么建议？

Question

我有一个页脚水平的背景图像，并与滚动页面。在IE10-11图像有点拖/污迹。当然，这是在其他所有浏览器的罚款。

不幸的是，我不能共享客户端的原因，开发网站，但这里有一个问题的简短视频。很抱歉的振荡格局，但我认为你可以看到问题与页脚图像中的绿色部分。 https://drive.google.com/file/d/1j7c8w378EzlSPknHAIGhfBnir546DmqU/view?usp=sharing

这里是我的页脚中的CSS：

#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;
}

和JS：

$(document).on('scroll', (function() {
    // handles the scrolling of the footer
    $('#footer').css('background-position-x', -$(document).scrollTop());
}));

Answer 1

什么您遇到的IE浏览器的无法正确呈现.png与进步的透明度，也被称为“PNG错误”的文件。

有几种方法来解决这个问题，所有命名为“PNG黑客”或类似的。

其中最可靠和易于应用的是the IE PNG fix。

你可以阅读更多关于这个（和寻找替代修复）在这个CSS技巧article。 如果可能你的榜样，放弃进取的透明度（节省PNG-8格式）可能会有所帮助。