Question

我将css样式应用于“body”以及id为“overlay”的div，如：

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;
}

“overLay”div位于noscript标签内，只有在浏览器中禁用javascript时才会在浏览器中呈现。我的要求是当“overLay”div渲染时我必须在主体中设置“overflow：hidden”。可以我从#overLay？或其他任何方式设置了身体的溢出属性？

Answer 1

是的，你可以在没有脚本的情况下做到这一点：

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

（您还需要CSS规则中的#：#overLay { ... }）

Answer 2

你需要反过来做将脚本设置为脚本关闭时所需的内容，并使用javascript

进行更改

如何从另一个类设置一个类的css属性

2 个答案: