background-attachment özelliğinden çok öncelerden bahsetmiştim. Benim bahsettiğimde iki değer alıyordu; scroll ve fixed değerleri. Ancak bunlara CSS3 ile birlikte yeni bir değer daha eklenmiş; local değeri. Gerçi ekleneli bayağı olmuş. (2009)
Benim yazdığım ilk makalede şöyle tanımlamışım bu özelliği “background-attachment özelliği zemine eklenen resmin sayfa ile scroll etmesini veya sayfanın zeminin de çakılı kalmasını sağlar.”
Bu tanımda eksik kalan kısımları tamamlayalım. background-attachment özelliği iki farklı görünüme hitap eder: Birincisi ana kapsayıcı yani tarayıcı, ikincisi bizim oluşturduğumuz kapsayıcı diğer adı ile yerel (local).
background-attachment: local tanımı ana kapsayıcının kaydırma hareketinden etkilenmez, sadece bizim oluşturduğumuz elemanın kaydırma çubuğu hareketinden etkilenerek artalanı çakılı kalır.
Yukarıdaki örneği incelersek;
background-attachment: scroll ana kaydırma etki etmez, yerel kaydırmada artalan resmi kaydırılır.
background-attachment: fixed ana kaydırma ve yerel kaydırmada artalan resmi çakılı kalır.
background-attachment: local ana kaydırma etki etmez, yerel kaydırmada artalan resmi çakılı kalır.
Örneği inceleyerek tanımları daha iyi anlayabiliriz.
Tarayıcı Desteği
+ | + | + |
Mobil Tarayıcılar
- | 8+ | + |
Kalın sağlıcakla.