Bir Element Üç Background

Bu konu boş.

1 yanıt dizini görüntüleniyor

Yazar

Yazılar

31 Temmuz 2010: 16:39 #6650

oralunal

Ziyaretçi

Merhaba arkadaşlar,

Bugünkü yazımda bir CSS elementine birden fazla nasıl background ekleyebileceğinizden bahsedeceğim. Bu özellik CSS3 ile birlikte kullanılabiliyor. Şöyle bir örnek ile buna neden ihtiyaç duyabileceğimizi anlatalım.

Bir kutunuz var ve köşelerinin sizin koyduğunuz resimlerden oluşmasını istiyorsanız. Bunun için iki CSS elementi belirliyordunuz ve ayrı ayrı işleme sokuyordunuz. Bu özellik sizi bu ayrımcılıktan kurtarıyor. Lafı fazla uzatmadan nasıl yapıldığını inceleyelim:

// CSS dosyamız<br />
.elementAdi{<br />
background-image: url("sol_ust.gif"), url("sag_ust.gif"), url("resim3.gif");<br />
background-position: top left, top right, bottom center;<br />
background-color: #FFFFFF, #FFFFFF, #DDDDDD;<br />
}

// CSS dosyamız

.elementAdi{

background-image: url("sol_ust.gif"), url("sag_ust.gif"), url("resim3.gif");

background-position: top left, top right, bottom center;

background-color: #FFFFFF, #FFFFFF, #DDDDDD;

}

Yani her eklediğiniz değeri virgül ile ayırarak yazıyorsunuz. Ama sıralama önemlidir. Yani sol_ust.gif için top left geçerli olacaktır.

Kolay gelsin

24 Ağustos 2010: 00:40 #8825

Anonim
Ziyaretçi

Ne yazık ki çoklu arkaplan desteği en başta IE olmak üzere bazı tarayıcılar tarafından desteklenmiyor. Malum bu özellik CSS3’le birlikte gelen bir özellik ve her nedense, tarayıcıları tasarlayanlar W3’e kafa tutmaktan büyük haz duyuyorlar.

Yazar

Yazılar

1 yanıt dizini görüntüleniyor

Bu konuyu yanıtlamak için giriş yapmış olmalısınız.