Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
Kolor i tło

Zaczepienie tła

Email Drukuj PDF

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

 

CSS. Tworzenie nowoczesnych stron WWW.

CSS3. Tworzenie nowoczesnych stron WWW
(czerwiec 2012)

HTML5 i CSS3. Standardy przyszłości

HTML5 i CSS3
Standardy przyszłości

CSS3. Szybki start. Wydanie V

CSS3. Szybki start.
Wydanie V