how to set css property of one class from another class

Question

I am applying css style to "body" and to a div which id is "overlay" like:

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 is inside noscript tag which renders in the browser only when javascript is disabled in the browser.My requirement is that I have to set "overflow:hidden" in the body when "overLay" div get rendered.Can I set overflow property of the body from #overLay?or any other way?

nickf · Accepted Answer · 2010-07-21 07:15:26Z

2

Yes you can do this without scripting:

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

(You also need a # in your CSS rule: #overLay { ... })

answered Jul 21, 2010 at 7:15

nickf

548k199 gold badges660 silver badges727 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ANP Over a year ago

thanks for ur valuable advice.It works fine.But still my need is not compleatly fulfilled.When I use overflow:hidden scrollbar disappears but still key press down or page down works.I do not want the page to scroll down.Can u help me????

nickf Over a year ago

perhaps set the body height to a value?

mplungjan · Accepted Answer · 2010-07-21 07:09:38Z

0

You need to do it the other way around Set the body to what it needs to be when scripting is off and change it with javascript

answered Jul 21, 2010 at 7:09

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Collectives™ on Stack Overflow

how to set css property of one class from another class

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related