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
Post a Comment