How to "fix" the bkground image in the css?
Hi Everyone,
I truly hope someone can help me. I have changed my groundground image in our site but cannot figure out how to lock/fix the background for scrolling the template. Other you see the image repleating.
I tried the html code (bkground properties="fixed") which did not work. Here is the code I have w/out the fixed code:
HTML > BODY { background: #fff url("/Resources/Pictures/image.jpg"); }
Can anyone help me?
Thank you so much for your time.
Elizabeth
Elizabeth Darchi
shared this idea
-
Kerrie-Anne commented
You will have better luck using css and the background-attachment property
<style> <!-- body { background-image: url(image.gif); background-repeat: no-repeat; background-attachment: fixed; } //-->
</style>
Working example here: http://www.w3schools.com/css/tryit.asp?filename=trycss_background-attachment
Google is your friend! :-)
-
Elizabeth Darchi
commented
No one can help me, huh?
I would truly appreciate a quick answer.
Thank you.
Elizabeth
