How to Keep a Web Page Background from Scrolling
You may have noticed as you scrolled the pages on this site, that the background image doesn't scroll with the page. Instead, the text scrolls across the top of the background image while the background image stays stationary.Man, life is so good...
Making your web page background stay in place as the page is scrolled is as easy as adding an attribute and value to the <body> tag, like so...
<body background="image_name.jpg" bgproperties="fixed">
By simply adding:
bgproperties="fixed"
...to the body tag, the background image will remain stationary in all browsers that recognize that HTML attribute and value -- but not all do. Most will recognize the CSS method of fixing a background in place though. You'll find a tutorial for that in the CSS Tutorials section of this web site.
Hoo-boy, don't you wish coming up with million dollar ideas was this easy?
You know, I wish I had all the ideas I've ever came up with and forgot in a handy file. Some might be quite valuable, but for whatever reason they weren't acted on at the time and were soon forgotten. Keep a file of your ideas so you won't lose your brainstorms. Place a copy of them under a rock in your front yard so I can come by and see how you think, too. ;)
Home |
HTML Tutorials |
HTML Quick Tips |
HTML Reference Charts
CSS Tutorials |
CSS Reference Chart |
Online Webmaster Tools
Design/Marketing Articles |
Web Glossary |
Web Design Software
Web Site Design Made Easy |
Products |
Members Site Info/Benefits
About This Site |
Frequently Asked Questions |
Privacy Statement
Copyright Notice |
Link Info |
Contact
Copyright 2005 htmlville.com and Dennis Gaskill
All Rights Reserved Worldwide