html - How to get full height of webpage with CSS? -


i trying create pseudo lightbox using little javascript. in process of creating translucent black overlay behind modal having problems stretching black overlay way down length of page. overlay stops @ end of initial scrollable area. so, if user scrolls down page, page not covered overlay. here code using overlay:

.black-overlay {   position: absolute;   top: 0%;   left: 0%;   width: 100%;   height: 100%;   background-color: #000000;   z-index: 1001;   -moz-opacity: 0.8;   opacity: .80;   filter: alpha(opacity=80); } 

it's heigh: 100% limiting page spanning whole length of page.

try position: fixed; instead.


Comments

Popular posts from this blog

c# - How to set Z index when using WPF DrawingContext? -

razor - Is this a bug in WebMatrix PageData? -

visual c++ - Using relative values in array sorting ( asm ) -