solution to this design?
i was looking forward to some designs as done here.
how is it possible for the background to remain s开发者_开发百科tatic and the content to move over it??
background-attachment: fixed
You can find this sort of stuff out easily by using a tool that lets you examine the CSS applied via the browser, such as Firebug for Firefox or Web Inspector for WebKit.
Looking at source :
html {
background: transparent url(http://images.freewebs.com/Members/Generationz/CSSStyles/Elements/Water/bg-body.jpg) repeat fixed 0% 0%;
}
It's the "fixed" attribute.
background: transparent url('http://file.jpg') repeat fixed top left;
fixed
is the key.
CSS and Backgrounds
<body bgproperties="fixed" background="image">
or
body {background-image: url(../images/tile.gif); background-attachment: fixed; }
You should have:
background: transparent url('image path here') repeat top left;
background-attachment: fixed
精彩评论