2010-07-21 61 views
2

我申請的CSS樣式設置爲一個類的CSS屬性爲「體」和一個div其ID爲「疊加」,如:如何從另一個類

body 
{ 
    margin:0; 
    background:#FEFEFE url(../Images/gradientHeader1.png); 
    background-repeat:repeat-x; 
} 

overLay 
{ 
    background-color:#666666; 
    height:1000px; 
    left:0; 
    opacity:0.5; 
    position:absolute; 
    margin-top:0; 
    width:100%; 
    z-index:1003; 
} 

「疊加」的div是無腳本標籤中它只在瀏覽器中禁用javascript時在瀏覽器中呈現。我的要求是,當「overLay」div渲染時,我必須在主體中設置「overflow:hidden」。是否可以從#overLay設置正文的溢出屬性?或者其他方式?

+0

您可以添加HTML代碼嗎? – GerManson 2010-07-21 07:05:06

回答

2

是的,你可以做到這一點沒有腳本:

<noscript> 
    <div id="overLay">whatever</div> 
    <style type="text/css"> 
     body { 
      overflow: hidden !important; 
     } 
    </style> 
</noscript> 

(您的CSS規則中還需要一個##overLay { ... }

+0

感謝您的寶貴advice.It工作正常。但仍然我的需要不完全履行。當我使用溢出:隱藏的滾動條消失,但仍然按下按鍵或向下翻頁作品。我不希望頁面向下滾動。可以幫我???? – ANP 2010-07-21 07:40:18

+0

也許將身高設置爲一個值? – nickf 2010-07-21 07:55:22

0

你需要做的是周圍的其他方法 定身什麼它需要編寫腳本時是關閉的,用JavaScript改變它