开发者

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
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜