ansaurus

Question

Fake background transparency/effects without fixed positioning

Answer 1

A:

You could wrap your complete body content in an additional DIV:

<body>
    <div id="content-container>
    ...
    </div>
</body>

Then you set the following styles in CSS:

html, body {
    overflow:hidden;
    height:100%;
}

div#content-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
}

Now it is the wrapping container DIV which carries the scroll bars. Thus the body with the background image will stay fixed when scrolling the content.

jfs 2010-09-02 01:33:10

ansaurus

tags:

views:

answers:

Fake background transparency/effects without fixed positioning

related questions