CSS Click Chart

Multiple Backgrounds

Allows multiple background images to be placed on a single element.

Specification

Multiple Backgrounds on W3C

Example Code

.element {
 background: url(images/example.png) center center no-repeat,
 url(images/example-2.png) top left repeat;
}

Live Demonstration

This element has two background images.

Browser Support

Can I Use multibackgrounds? Data on support for the multiple-backgrounds feature across the major browsers from caniuse.com.

Tools / Polyfills

Tutorials / Articles

Using CSS multiple backgrounds