css3pie - 滚动条不适用于应用饼图的元素

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

如果我在容器滚动的类上注释掉bahaivor将再次起作用。如果我应用css3pie虽然JavaScript滚动将打破。如果我在启用了饼图的情况下从容器中删除类，并且行为滚动功能可用。

我也把表里面的另一个div里面的容器有相同的结果。

我在IE9文档模式下运行IE7

有什么办法来解决这个问题？

来源

2012-02-16 QueueHammer

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

我最终解决了这个问题，将我需要的内容应用到应用了饼图的元素上。在我的情况下，我将圆角应用到滚动条所在的容器中。我把一个div放在内容的上面和下面，并将角落四舍五入到顶部和底部div。

这样滚动条可以正常工作，圆角将被应用。虽然再次有一个IE7的工作。

来源

2012-03-08 19:23:55 QueueHammer

我做了最后一个解决方法做了什么 - 从滚动内容分离背景。

<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-02 13:31:08 Ixonal

css3pie - 滚动条不适用于应用饼图的元素

回答

相关问题