Наложите ДИВО даже скроллбар окна

Question

Это demo не накладывая на полосу прокрутки.

Возможно ли это также наложить на полосу прокрутки линию <div>? Сегодня я думал, что это невозможно сделать, но только из-за того, что мой сайт знает об обходном пути. Пожалуйста, проверьте мой ответ.

Answer 1

HTML:

<div id="content"> 
</div> 
<div id="all"> 
<div id="overlay"></div> 
</div> 

CSS:

*{ 
    margin: 0; 
    padding: 0; 
} 
html,body{ 
    height: 100%; 
    width: 100%; 
    overflow: auto; 
} 
#all{ 
    position: fixed; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    border: 1px solid red; 
} 
#content{ 
    height: 200%; 
} 
#overlay { 
    background: #000; 
    margin-top: 18px; 
    height: 50px; 
} 

Установка переполнения авто в HTML, тело работает удивительно. demo

Если вы установили overflow:visible;, то вы могли видеть, что не будет накладываться на полосу прокрутки.