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 - 滾動條不適用於應用餅圖的元素

回答

相關問題