IE9“撕裂”具有背景透明度的滚动块后面的背景图像
我做了一个设计，在带有背景图像的父块上使用带有透明背景的静态自动滚动块。在 IE9 中，滚动会导致父背景图像“撕裂”，而不是像其他 A 级浏览器那样保持固定。这个问题听起来是不是很熟悉？
如果我没有正确解释这一点，请查看实时网站上的示例。此示例应向您展示布局内的一个垂直滚动条。移动此栏滚动会导致 IE9 中的“撕裂”。 （注意：我正在使用 jQuery Color 插件——这可能会导致问题。IE 也可能需要 z 顺序和/或绝对/相对 CSS 定位——这会相当不方便。）
I've made a design that uses a static auto-scrolling block with a transparent background over parent block with a background image. In IE9, scrolling causes the parent background image to "tear" instead of remaining fixed like on the other A-level browsers. Does this problem sound familiar?
In case I am not explaining this correctly, see an example on the live site. This example should show you one vertical scroll bar inside of the layout. Moving this bar to scroll will cause the "tearing" in IE9. (Note: that I'm using the jQuery Color plugin---which might cause the problem. It is also possible that IE requires z-order and/or absolute/relative CSS positioning---which would be rather inconvenient.)
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
使用开发工具从#PresentationFlow 中删除背景颜色的内联样式：rgba(0, 102, 51, 0.5) 使问题消失。
这可能是颜色插件吗？
更新：一种解决方案可能是将透明背景添加到#PresentationOverflowContainer。你需要删除一些填充，但它看起来应该是o
Removing the inline style of background-color: rgba(0, 102, 51, 0.5) from #PresentationFlow with the dev tools made the problem dissapearfor me.
Is that the color plugin maybe?
UPDATE: One solution might be to add the transparent background to #PresentationOverflowContainer instead. you need to remove some padding but then it should look o
我会尝试将 #PresentationFlow 包装在 div 中，并将背景颜色放在该 div 上。
I would try wrapping #PresentationFlow in a div, and put the background-color on that div.