HTML and CSS Reference
In-Depth Information
background-position: left 15%;
background-color: #D2E1E6;
background: url(images/yachts.jpg) center / contain no-repeat padding-box content-box,
url(images/stripe.png) #D2E1E6;
}
I've adjusted
background-position
for older browsers to compensate for the fact that the image won't be
resized. As Figure
8-28
shows, this produces an acceptable result even in IE 6.
Figure 8-28.
Older browsers ignore the shorthand declaration and display the single background image