1

我有一个容器,我正在使用 css3pie 对其应用弯角。在该元素内部,我有一个比容器宽的表格。这会导致容器底部出现滚动条,这是我不仅期望而且需要的。问题是,如果我已将 css3pie 应用于容器,则在单击和拖动时滚动条将不会滚动。我可以点击两端的箭头,它会滚动,或者我可以点击没有滚动条的空间,它会跳到那个地方。所以只有当我单击并拖动滚动条时它才不会滚动。

如果我在类上注释掉容器滚动的 bahaivor 将再次起作用。如果我应用 css3pie 虽然 javascript 滚动会中断。如果我在启用 pie 时从容器中删除类,因为行为滚动有效。

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

我在 IE9 文档模式下运行 IE7

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

4

2 回答 2

0

所以我从来没有找到关于为什么会发生这种情况的解释。我相信在应用了 PIE 的情况下滚动页面元素内的内容会导致重新应用样式,从而引发“行为:”并停止滚动事件。

我最终通过获取我需要的内容来解决这个问题,以将滚动应用到我们应用了饼图的元素。在我的例子中,我对滚动条所在的容器应用了圆角。我在内容的上方和下方放置了一个 div,并将圆角应用于顶部和底部 div。

这样滚动条将正常工作,并应用圆角。尽管 IE7 又一次变通了。

于 2012-03-08T19:23:55.563 回答
0

我做了最后一个解决方法所做的事情 - 将背景与滚动内容分离。

<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);
}

不过,我希望在即将发布的版本中看到对此的修复,因为这似乎是一个非常常见的问题(带有圆形边缘的布局,里面有滚动的东西)

于 2012-10-02T13:31:08.750 回答