如何讓DIV覆蓋整個頁面時滾動條是否存在？

<div id="outer_product_wrapper" style="display: none;"> 
     <div id="outer_inner_product_wrapper"> 
      <div id="inner_product_wrapper"> 
       Test 
      </div> 
     </div> 
    </div>

我想與黑色覆蓋填滿整個頁面一個div。我怎樣才能實現這與CSS？我已經使用固定在outer_product_wrapper位置嘗試過，但後來我失去了滾動條...如何讓DIV覆蓋整個頁面時滾動條是否存在？

#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{ 
    ??? 
}

來源

2012-06-01 ffffff01

試試這個：這是最好用的伎倆頂：0 /底部：0比身高：100％

我不知道這是否解決您的問題，但它可以是一個線索;）

#outer_product_wrapper{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    bottom: 0px; 
    right: 0px; 
}

來源

2012-06-01 08:11:16

我已經試過這一點，犯規解決問題。我需要覆蓋到填充整個頁面，而不僅僅是你所看到的是加載頁面時.. – ffffff01

您可以使用CSS3

溢出-X的Overflow屬性：可見| hidde N |滾動|汽車|無顯示屏|無內容;

如果你想該div是滾動的x軸的則溢出-X：滾動;

，如果你不想再溢出-Y：隱藏;

#content 
{ 
width:300px; 
height:400px; 
overflow-x:scroll; 
overflow-y:hidden; 
}

來源

2012-06-01 08:15:06 Moiz

試試這個

#outer_product_wrapper 
{  
position: absolute; 
top: 0; 
left: 0; 
z-index: 9999; 
background-color: black; 
opacity: 0.85; 
}

來源

2012-06-01 09:06:52 krish

如何讓DIV覆蓋整個頁面時滾動條是否存在？

回答

相關問題