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