css3pie - полоса прокрутки не работает внутри элемента с нанесенным пирогом

Question

У меня есть контейнер, с которым я применяю изогнутые углы с помощью css3pie. Внутри этого элемента у меня есть таблица, которая больше, чем контейнер. Это вызывает полосы прокрутки в нижней части контейнера, что я не только ожидаю, но и нуждаюсь. Проблема в том, что если я применил css3pie к контейнеру, полоса прокрутки не будет прокручиваться при нажатии и перетаскивании. Я могу щелкнуть стрелки на обоих концах, и она будет прокручиваться, или я могу щелкнуть в пространстве, где нет полосы прокрутки, и она переместится в это место. Поэтому, когда я нажимаю и перетаскиваю полосу прокрутки, она не будет прокручиваться.

Если я прокомментирую, что bahaivor в классе для прокрутки контейнера снова будет работать. Если я применил css3pie, то прокрутка javascript сломается. Если я удалю класс из контейнера, в то время как pie включен, как работает прокрутка поведения.

Я также поставил таблицу внутри другого div внутри контейнера с теми же результатами.

Я бегу в режиме IE9 документов IE7

Есть ли способ, чтобы исправить эту проблему?

Answer 1

Так что я никогда не находил объяснений о том, почему это происходит. Я считаю, что прокрутка содержимого внутри элемента страницы с применением PIE приведет к тому, что стиль будет повторно применен, что вызовет «Поведение:» и остановит событие прокрутки.

Я решил решить проблему, взяв контент, который мне нужен, чтобы применить свиток к нашему элементу с нанесенным пирогом. В моем случае я применил закругленные углы к контейнеру, в котором были полосы прокрутки. Я положил 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); 
} 

Я хотел бы видеть исправление для этого в новой версии, хотя, как это кажется, что это будет довольно распространенной проблемой (макет с округлой края с чем-то прокручивающимся внутрь)