“Cross Browser”, yani tüm tarayıcılarda aynı sonucu veren bir CSS makalesiyle daha beraberiz. Bugün, “CSS ile tüm sayfayı kaplayan arka plan görüntüsünü nasıl oluşturulur?” sorusunu cevaplayacağız. Gelişen web teknolojileri ve tarayıcı tepkileri sebebiyle bu basit tasarım artık daha kolay bir şekilde hazırlanabiliyor. Microsoft’un DXImageTransform elemanlarından kurtulmak bizlerin işini fazlasıyla kolaylaştırmakta.

Hazırlayacağımız tasarım kısaca şunları yapacak :

• Tüm sayfayı en ufak bir boşluk bırakmadan kaplayacak.
• Gerekirse görseli küçültüp/büyültecek.
• Görselin aspect ratio değerini korur.
• Görseli sayfanın ortasına yerleştirir.
• Kaydırma çubuğunun görünmesine sebep olmaz.
• Tüm tarayıcılarda çalışır.
• Flash ile yapabileceğinizden daha hızlı ve kolay kullanım sağlar.

ÖRNEĞİ GÖRÜNTÜLE

Devamını Oku