<div id="outer_product_wrapper" style="display: none;">
<div id="outer_inner_product_wrapper">
<div id="inner_product_wrapper">
Test
</div>
</div>
</div>
I'm looking to create a full-page black overlay using CSS. I attempted using position fixed on the outer_product_wrapper, but it caused the scrollbar to disappear. How can I achieve this effect while maintaining the scrollbar?
#outer_product_wrapper{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#outer_inner_product_wrapper{
???
}