CSS ile iki arkaplan eklemek oldukça faydalı olabilir.
Örneğin, bir arkaplan üzerine bir de ikon eklemeniz gerekebilir. İşte CSS ile de çoklu arkaplan (
multiple backgrounds) eklemek mümkün kılınmıştır.
Elbette, mevcut arkaplana bir
div açarak da farklı bir görsel eklenebilir. Ancak bu işlemi
div açmadan, direkt
CSS ile de yapabilmek mümkündür.
Aşağıdaki örnek kullanım ile, CSS iki arkaplan ekleme işleminin mantığını anlayabilir, gerekli gördüğünüz durumlarda kullanmayı düşünebilirsiniz
Kod
#div-adi {
background-image: url(ikon.png), url(arkaplan.png);
background-position: center center, left top;
background-repeat: no-repeat, repeat;
}