HTML and CSS Reference
Figure 6-18. The contain (L) and cover (R) values set on the background-size property.
Notice the accentuated pixelation that occurred when the image was scaled up.
Added in CSS3 is the ability of the background properties to support having multiple
images specified, which will layer on top of each other inside the background area. The
syntax is easy—separate each image by a comma. For instance, two images, shown in
background-image: url(logo.png) , url(star.png);
Figure 6-19. Two separate images that will be combined using multiple backgrounds
Using this technique will result in the combined pattern shown in Figure 6-20 .