Multiple backgrounds | Meerdere achtergronden met CSS3

Iedereen kan het zich voorstellen dat  je bij het maken van een website wel eens multiple backgrounds in één div wilt plaatsen. Tot op heden is dit niet mogelijk, maar met de komst van CSS3 komt daar verandering in. Met CSS3 kun je namelijk multiple backgrounds instellen.

Werkwijze

Er is ditkeer niet een aparte property ontwikkeld, maar de ‘background’ property is uitgebreid en de schrijfwijze voor multiple backgrounds is als volgt:

background: url(body-top.gif) top left no-repeat, url(banner_fresco.jpg) top 11px no-repeat, url(body-bottom.gif) bottom left no-repeat, url(body-middle.gif) left repeat-y;

Zoals je ziet zijn de achtergronden gescheiden door een komma.

Browser support

Support

Support

no-support

Support

Support

Vorige Portfolio item

Meer nieuws items

Vorige Portfolio item

Nieuws