Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
Struktura dokumentu

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

 

HTML5. Rusz głową.

HTML5. Rusz głową!

HTML5. Ćwiczenia praktyczne.

HTML5. Ćwiczenia praktyczne.

HTML5. Nieoficjalny podręcznik.

HTML5. Nieoficjalny podręcznik

Nowości Helionu

Statystyki

Użytkowników : 766
Artykułów : 513
Zakładki : 28
Odsłon : 15345472