Question

我有一个容器，我正在用css3pie应用弯角。在那个元素里面，我有一个比容器宽的桌子。这会导致容器底部的滚动条，这是我不仅期望但需要的。问题是，如果我已将css3pie应用于容器，则单击并拖动时滚动条将不会滚动。我可以点击两端的箭头，它会滚动或者我可以点击滚动条没有的空间，它会跳转到那个地方。因此，当我单击并拖动滚动条时，它不会滚动。

如果我在课堂上注释了bahaivor，那么容器滚动会再次起作用。如果我应用css3pie虽然javascript滚动会破坏。如果我在启用饼图时从容器中删除了类，则行为滚动可以正常工作。

我还将表放在容器内的另一个div中，结果相同。

我正在IE9文件模式IE7中运行

有没有办法纠正这个问题？

Answer 1

所以我从来没有找到解释为什么会发生这种情况的原因。我相信使用PIE滚动页面元素内的内容会导致重新应用样式，从而引发“Behavior：”并停止滚动事件。

我最终通过获取所需的内容来解决问题，将滚动应用于应用了饼图的元素。在我的情况下，我将圆角应用于滚动条所在的容器。我在内容的上方和下方放置了一个div，并将圆角应用于顶部和底部div。

这样滚动条可以正常工作，并且可以应用圆角。虽然IE7还有一个解决方法。

Answer 2

我做了最后一个解决方法的工作 - 从滚动内容中分离出背景。

<div id="ContentContainer">
  <div id="ContentBackground"></div>
  <div id="Content">

  </div>
</div>

风格

div#ContentBackground {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #CCCCCC;
  border-radius: 10px;
  behavior: url(PIE.htc);
}

我希望在即将发布的版本中看到一个解决方案，因为这似乎是一个非常常见的问题（带有圆形边缘的布局，内部滚动）

css3pie - 滚动条在应用了饼图的元素内部不起作用

2 个答案: