IE9 «разрывает» фоновые изображения за блоками прокрутки с прозрачностью фона

Question

Я создал дизайн, в котором используется статический блок автоматической прокрутки с прозрачным фоном поверх родительского блока с фоновым изображением.В IE9 прокрутка заставляет родительское фоновое изображение «рваться» вместо того, чтобы оставаться фиксированным, как в других браузерах уровня A.Эта проблема звучит знакомо?

В случае, если я не объясняю это правильно, см. Пример на живом сайте .Этот пример должен показать вам одну вертикальную полосу прокрутки внутри макета.Перемещение этой полосы для прокрутки вызовет «разрыв» в IE9.(Обратите внимание: я использую плагин jQuery Color - который может вызвать проблему. Также возможно, что IE требует z-порядка и / или абсолютного / относительного позиционирования CSS - что будет довольно неудобно.)1005 *

Answer 1

Я бы попробовал обернуть #PresentationFlow в div и поместить цвет фона в этот div.

<div id="wrapper" style="background-color: rgba(0, 102, 51, 0.5)">
  <div id="PresentationFlow"> <!-- overflow: auto -->
  </div>
</div>

Answer 2

Удаление встроенного стиля background-color: rgba (0, 102, 51, 0.5) из #PresentationFlow с помощью инструментов dev сделало проблему для меня исчезающей.

Это плагин цвета?

ОБНОВЛЕНИЕ: одним из решений может быть добавление прозрачного фона в #PresentationOverflowContainer. вам нужно удалить некоторые отступы, но тогда они должны выглядеть как o