Keep the website background still
In http://twitter.com/, when you scroll, the background image stays still, but only the main content at the center s开发者_如何学运维crolls. How can this functionality be achieved? Thanks.
use a background image and set background-attachment:fixed;
look here for the css background property: http://www.w3schools.com/css/css_background.asp
Use the CSS property, background-attachment: fixed;
See http://www.symbols.net/webhelp/backgroundnoscroll/
If you use "Frontpage" then when you insert your background image, also click on "Watermark." This codes in the HTML to make the background fixed.
Or...after your background image HTML insert this:
background="fixed" or
bg properites="fixed" or
<body background="xxx.jpg" behavior="fixed">
you can use CSS too:
<style type="text/css">
body {
background-color:#ffffff;
background-image:url(URL_OF_YOUR_IMAGE);
background-attachment:fixed;
}
</style>
Refrence:link
use CSS to position the background of your BODY tag in HTML.
body
{
background-image:url('still_image.png');
background-repeat:no-repeat;
background-position:right top;
}
加载中,请稍侯......
精彩评论