2010-07-21 60 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改变它