CSS İle Arkaplan Resmini Ekran Çözünürlüğüne Göre Boyutlandırma

Teknoloji ile birlikte bilgisayar ekranları inceldikçe büyümeye başladı. Hatta artık birçok evde insanlar TVlerini bilgisayar ekranı olarak kullanmaktalar. Web sitelerinin görsel açıdan önemli unsurlarından biri olan arkaplanlarda bir ekranda düzgün görüntülenirken, daha büyük çözünürlüklü bir ekranda kötü bir görüntü vermektedir.

Bunu engellemenin yöntemi ise css de gizli. Css ile arkaplanımızı tarayıcı çözünürlüğü neyse ona göre boyutlandırma yapmakta. Bunu da aşağıda yer alan kodlarla yapabilmekteyiz. Aşağıda yer alan kodu sitil dosyanızın içine yerleştiriniz.

body {
background: url(bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Kodun desteklediği tarayıcılar ;
Safari 3+
Chorome
İnternet Explorer 9+
Mozilla Firefox 3.6+
Opera 10+

şarkı sözü

2 üzerine düşünceler “CSS İle Arkaplan Resmini Ekran Çözünürlüğüne Göre Boyutlandırma

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

four × 3 =