2013-02-02 188 views
0

有人可以告訴我,我使用封面來創建頁面加載(白色)停電效果,下面是我使用的CSS。有沒有辦法阻止鼠標滾動可以將頁面上下移動?當用css封面覆蓋頁面時停止背景滾動?

#cover { 
display:none; 
position:absolute; 
z-index:999999; 
left:0px; 
top:0px; 
width:100%; 
height:2648px; 
background-color:#fff; 
filter:alpha(Opacity=50); 
opacity:0.7; 
-moz-opacity:0.7; 
-khtml-opacity:0.7 
} 
+0

溢出:無; –

回答

0

解決方案可能會添加「overflow:hidden;」給你的身體,而頁面正在加載,並刪除它在頁面加載。

0

問題是,您正在使用Height:2648px,當然這比大多數屏幕高,因此創建滾動。

您可以使用修復此

CSS

#cover {height:100%;} 

溢流法

#cover {overflow:none;} 

其他我不知道爲什麼高度爲2648px擺在首位但是如果你的長寬比與溢出或高度有問題:100%使用media queries修復有問題的設備。

+0

確定固定高度並嘗試溢出:無,但仍允許用戶在css封面就位時向下滾動頁面。 :/是否有任何其他方式我可以獲得背景來鎖定或設置CSS封面以鎖定某種比例的屏幕。 –