IE 11 Полоса прокрутки поплыла в топ выпуск

Question

Я хотел бы спросить об обработке полосы прокрутки IE.

Контейнер имеет фиксированный размер, и элементы внутри него длиннее контейнера.Для IE необходима полоса прокрутки AUTOHIDE.

Кроме того, на контейнере будет отображаться оверлей.

HTML-код показан ниже:

        .container {
            width: 300px;
            height: 300px;
            overflow: hidden;
            overflow-y: auto;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            border: 1px solid black;
        }
        
        .container .item {
            border: 1px solid lightgrey;
            line-height: 50px;
        }
        
        .overlay {
            position: absolute;
            top: 0;
            left: 150px;
            width: 300px;
            height: 300px;
            background-color: red;
        }

 <div class='container'>
        <div class='item'>Item 1</div>
        <div class='item'>Item 2</div>
        <div class='item'>Item 3</div>
        <div class='item'>Item 4</div>
        <div class='item'>Item 5</div>
        <div class='item'>Item 6</div>
        <div class='item'>Item 7</div>
        <div class='item'>Item 8</div>
        <div class='item'>Item 9</div>
        <div class='item'>Item 10</div>
        <div class='item'>Item 11</div>
        <div class='item'>Item 12</div>
        <div class='item'>Item 13</div>
        <div class='item'>Item 14</div>
        <div class='item'>Item 15</div>
        <div class='item'>Item 16</div>
        <div class='item'>Item 17</div>
        <div class='item'>Item 18</div>
        <div class='item'>Item 19</div>
        <div class='item'>Item 20</div>
    </div>
    <div class='overlay'></div>

Автоматическое скрытие работает нормально, но кажется, что полоса прокрутки игнорирует z-index и всегда всплывает вверх при наведении указателя мыши на список.

Могу ли я узнать, есть ли какое-либо решение для контроля проблемы?Или уменьшить время плавания?Лучшее поведение, которое я ожидал, такое же, как в Chrome.

Спасибо всем!

Answer 1

z-index работа только с position:relative/absolute;

   container {
    position:relative; //or absolute
    z-index:0
}