pls! help me :( i want to make a webpage that have one picture-background only and it is flexible to the size of my window browser without loosing there quality.. help help me guys!!!!
stbuchok 123
anand01
body
{
background-image:url('image Url');
background-repeat:no-repeat;
}
Add this code in Ur css
momonq1990
stbuchok and anand01 thankyou for idea, but what i want happen is when i scroll down or up, my background is still the same? how can i code that...like this one http://www.ayalaland.com.ph/
stbuchok 123
This is one of the things on the page I sent you. Please go read all of them, it is the example at the bottom of the page.
body
{
background-image:url('image Url');
background-repeat:no-repeat;
background-attachment:fixed;
}
edesigner
hi guys you use a this one coding in a your design page follow this one
body
{
background-image:url('image Url');
background-repeat:no-repeat;
}
Add this code in Ur css
anand01
add this cod also for fixed image
background-attachment:fixed;
KingGold171
These codes will allow you to have a fixed image background.
It will adjust along with the browser window size, also image will adjust to the length of the webpage.
Place these 2 scripts after the <title> </title> tag's, and before the </head>
<style type="text/css">
html, body {height:100%; margin:0; padding:0;}
#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
#content {position:relative; z-index:1; padding:10px;}
</style>
<style type="text/css">
html {overflow-y:hidden;}
body {overflow-y:auto;}
#page-background {position:absolute; z-index:-1;}
#content {position:static;padding:10px;}
</style>Place this line of code anywhere within the <body> </body> tag's.
<div id="page-background"><img src="(File name)" width="100%" height="100%"></div>anand01
hope U got the solutions
