in this tutorial fixed a background image means,that if a page scrolls down or up but the image will remain fixed and will not scroll with the rest of the page.
<html>
<head>
<style type="text/css">
body
{
background-image:
url('your image url:gif');
background-repeat:
no-repeat;
background-attachment:
fixed
}
</style>
</head>
<body>
<p>the image will not scroll with the rest of the page</p>
<p>the image will not scroll with the rest of the page</p>
<p>the image will not scroll with the rest of the page</p>
<p>the image will not scroll with the rest of the page</p>
<p>the image will not scroll with the rest of the page</p>
<p>the image will not scroll with the rest of the page</p>
<p>the image will not scroll with the rest of the page</p>
<p>the image will not scroll with the rest of the page</p>
<p>the image will not scroll with the rest of the page</p>
<p>the image will not scroll with the rest of the page</p>
<p>the image will not scroll with the rest of the page</p>
<p>the image will not scroll with the rest of the page</p>
<p>the image will not scroll with the rest of the page</p>
<p>the image will not scroll with the rest of the page</p>
<p>the image will not scroll with the rest of the page</p>
</body>
</html>
All Background properties in one decalaration:-
<style type="text/css">
body
{
background: #00ff00 url('your url image.gif') no-repeat fixed center;
}
</style>
May 5, 2009
0 Fixed a BackGround Image
Posted by raj on 2:09 AM
Posts
0 comments:
Post a Comment