Kolor i tło

Zaczepienie tła

poniedziałek, 11 styczeń 2010 03:08 Administrator
Drukuj

Tematy: kolor | kolor tła | grafika jako tło | powtarzanie tła | zaczepienie tła | pozycja tła | mieszane atrybuty tła

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, Frirefox, Opera, Chrome