Tematy: kolor | kolor tła | grafika jako tło | powtarzanie tła | zaczepienie tła
pozycja tła | mieszane atrybuty
Dane w pigułce | |
Zastosowanie | przewija lub utrzymuje w miejscu ilustrację jako tło elementu |
Dziedziczenie | nie |
Wartości | fixed, scroll |
Wartość domyślna | scroll |
Przykład | background-image: url('obrazki/obrazek.gif'); background-attachment: fixed; |
Uwagi | |
Odpowiednik w HTML | body background (url) bgproperties - przestarzałe |
Aby zdefiniować zaczepienie tła, należy wpisać w definicji stylu background-attachment : wartość
Tłem strony może być grafika. Wystarczy podać w stylu definicję body {background: url(nazwa_obrazka)}, aby obrazek pojawił się w tle dokumentu. Obrazek może się przesuwać w miarę przewijania dokumentu (czyli tkwić w miejscu w stosunku do treści):
body {background: url(nazwa_obrazka); background-attachment: scroll; }
lub pozostawać nieruchomo (tkwić w miejscu w stosunku do ekranu). W tym przypadku powinniśmy podać definicję:
body {background: url(nazwa_obrazka); background-attachment: fixed; }
Proszę porównać dwa przykłady, przesuwając pionowy suwak przeglądarki:
obrazek przesuwa się na ekranie (scroll) | obrazek tkwi nieruchomo na ekranie (fixed)
Interpretacja: Internet Explorer, Mozilla, Opera