Css IE9&x2B；背景图像（PNG24）和#x2B；背景重复+；背景位置=错误

假设您有这样一个代码：

<div id="pattern"> </div>

#pattern {
 height: 400px;    
 background: #000 url(url_to_semitransparent_png); 
 background-repeat: repeat-x;
 background-position: 100px 0;   
}

#图案{
高度：400px；
背景：#000 url（url#u至#u半透明#u png）；
背景重复：重复-x；
背景位置：100px0；
}

它在每个浏览器中的行为都和预期的一样，但在IE中，它看起来像是重复的背景与自身重叠，而它应该只是保持不变。当我们试图设置背景位置的动画时，这个问题就表现出来了。你可以在小提琴上看到代码：（比较IE和Chrome来见证它）。确保取消注释

animate（）

函数以使其移动

---

有没有人遇到过这样的行为？我们可以对抗吗？

我在IE9中看到动画，但在Firefox 15.0.1（在Windows 7 x64上）中看不到。Firefox不支持background-position-x（我已经更新了fiddle）。但这不是一个问题，在IE9中没有视觉伪影的情况下你看到了吗？好的，现在我有一些东西可以比较IE的结果，是的，我确实看到了伪影。不，我没有办法，对不起。