This month, we continued working on background images and spent some time on setting different backgrounds for different elements on a page. The default background color of a webpage is transparent, per HTML specs, so even though background images are not inherited, they will show through your child elements unless you declare either a background color or image for that child. And in case the image does not load, you should always do both.
We put a background on headings and inline elements, and used the background-attachment property to let a background image stay in a fixed position while the page scrolls.
In the process of all this, we talked about alpha transparency of images as well as some philosophical questions on webpage design.
For a quick review of the background properties we have been working with, see this recent post with a link to an article on this subject.
No comments:
Post a Comment