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
 | ||||
|
|
|
|
|
Meer nieuws items
Nieuws
- Titel: H1 met background over 2 regels en marginTags: background, h1, jQuery, padding, span
- Titel: WordPress FAQ AccordionTags: FAQ-accordion, wordpress, wysiwyg
- Titel: Microsoft komt met IE 10Tags: CSS3, HTML5, IE10
- Titel: Oude browsers en HTML5Tags: HTML5, IE, Oude browsers
- Titel: IE9 ellendeTags: CSS3, IE9, IE9 Emulate IE8
- Titel: Nieuwe HTML5 tagsTags: CSS3, HTML5, seo
- Titel: WordPress custom searchformTags: custom, searchform, wordpress
- Titel: WordPress title custom lengthTags: custom title length, odd_title, wordpress