Question

我做了一个设计，使用静态自动滚动块，透明背景在父块上，背景图像。在IE9中，滚动会导致父背景图像“撕裂”而不是像其他A级浏览器一样保持固定。这个问题听起来很熟悉吗？

如果我没有正确解释，see an example on the live site。此示例应显示布局内的一个垂直滚动条。将此栏移动到滚动将导致IE9中的“撕裂”。（注意：我正在使用jQuery Color插件---这可能会导致问题。IE也可能需要z顺序和/或绝对/相对CSS定位---这样会很不方便。）< / p>

Answer 1

使用开发工具从#PresentationFlow中删除背景颜色的内嵌样式：rgba（0,102,51,0.5），这使我的问题无法解决。

这是彩色插件吗？

更新：一种解决方案可能是将透明背景添加到#PresentationOverflowContainer。你需要删除一些填充，但它应该看起来o

Answer 2

我会尝试在div中包装#PresentationFlow，并将背景颜色放在该div上。

<div id="wrapper" style="background-color: rgba(0, 102, 51, 0.5)">
  <div id="PresentationFlow"> <!-- overflow: auto -->
  </div>
</div>

IE9“撕裂”背景透明度滚动块背后的背景图像

2 个答案: