Html 有什么建议吗；拖拽；IE10-11上的背景图像？

我有一个页脚，它是一个背景图像，并与页面水平滚动。在IE10-11上，图像类型为拖拽/涂抹。当然，在所有其他浏览器中都可以

不幸的是，由于客户端原因，我无法共享开发人员站点，但这里有一个关于这个问题的简短视频。很抱歉，我认为您可以在页脚图像中看到绿色部分的问题

以下是我的页脚的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());
}));

---

你正在经历的是IE无法以渐进透明的方式正确渲染

.png

文件，也称为“png错误”

有几种方法可以修复它，都被命名为“png黑客”或类似的方法

其中一个最可靠和易于应用的是

您可以在这个CSS技巧中阅读更多关于这方面的内容（并找到其他修复方法）。

---

如果可能的话，以你的例子来说，放弃渐进透明（保存为PNG-8格式）可能会有所帮助。

没有人希望你共享开发网站。但是，如果没有一个人的帮助，很可能没有人能够提供帮助。您不必使用客户的映像来复制问题，是吗？问题中的映像是特定的。为了看得更清楚，我继续分享了网站的旧版本。它只在右边的树旁边的IE上进行拖动操作，所以我只使用了一个屏幕播放视频，因为每个人都可能无法在Mac上访问IE。我希望这会更好。我想它更多地与JavaScript有关，而不是CSS。你检查控制台了吗？另外，您共享的视频无法运行，因为它需要浏览器上的flash player。刚刚意识到。我上传到GoogleDrive并展示了该部分的JS。感谢并为所有不清楚的事情感到抱歉。“PNG虫子”…你是男人中的上帝，我的朋友。它现在在IE中工作。我刚刚注意到Android（Chrome）上的另一个问题，图像完全消失，而不是正确循环。有什么想法吗？我可能会提出另一个问题，因为它是一个不同的浏览器。