CSS’in bizlere sunduğu güzelliklerden biri de sayfa arkaplan resmini sabit yapabilmemizdir. Böylece sayfamız ne kadar fazla içerik barındırırsa barındırsın yani aşağıya doğru ne kadar uzarsa uzasın arkaplan resminin sürekli aynı konumda kalarak sabit durmasını sağlayabiliyoruz.

Daha önce yazdığım, CSS ile ilgili yazıları okuduğunuzu varsayarak CSS kodunu nasıl oluşturacağımızı ve sayfamızda nasıl çağıracağımızı anlatmaya gerek görmeden direk örnek css kodumuza geçiyorum. Şimdi aşağıdaki kodu hep beraber inceleyelim.

body {
background-image: url(arkaplan.jpg);
background-attachment:fixed;
}

Burada 2 numaralı satırda sayfamızın arkaplan resmini ayarlıyoruz. 3 numaralı saırda background-attachment ifadesini yazıyor ve buna da fixed değerini veriyoruz. artık sayfamızı ne kadar aşağı kaydırırsak kaydıralım arkaplan resmimiz her zaman sabit kalacaktır. Örneğin aşağıdaki resimdeki sayfada yazıyı okumak için aşağı indiğinizde gemi dümenleri hep sabit kalacaktır.

Bu özellikten nasıl faydalanacağınız da tamamen hayal gücünüze kalmış. Mesela ben bazı sitelerde arkaplana bu şekilde büyük bir reklam logosonun yerleştirildiğini görüyorum. Böylece ziyaretçiler rahatsız edilmeden reklam yapılmış oluyor. Hepinize kolay gelsin.