CSS ile İki Arkaplan Ekleme

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;
}

Güzel bilgiler için teşekkürler

Teşekkür ediyorum.