Obligatory Multiple Background Image Demo
Summary
In response to all the hoopla surrounding the recent support in Safari 1.3 and up for multiple background images, I’m throwing my hat into the ring! This demonstration features some unknown cows chewing cud and my cat Scout. These are two separate images in the background of one
element.
Visuals
Stylesheet
h2 {
color: #FFF;
padding: 550px 10px 0;
text-align: right;
}
#scout_hunting_cows {
border: double #444;
border-width: 5px 0;
width: 100%;
height: 600px;
background-image: url(scout.png), url(cows.jpg);
background-position: 35% 20%, 0 0;
background-repeat: no-repeat, repeat-x;
}