Rozdział 5.
Rozdział 5.
Unieruchamianie tła na ekranie
Czasami będziesz chciał, aby tło pozostawało nieruchome, a reszta dokumentu przesuwała się ponad nim. Innymi słowy chcesz, aby tło było unieruchomione w stosunku do innych elementów na ekranie. Do tego celu stosowana jest właściwość background-attachment. Jej wadą jest fakt, iż nie można jeszcze używać jej w Netscape Navigatorze.
1. BODY{
Podaj selektor, którego chcesz użyć.
W listingu 5.6 określamy, czy tło dokumentu będzie powtarzane, czy nie.
2. background-image: urł(../images/tlo1 .gif);
Aby umiejscowić grafikę tła, będziesz musiał zdefiniować, gdzie ta grafika się znajduje. Pomocne jest także zdefiniowanie koloru tła, który- zostanie wyświetlony wszędzie tam. gdzie nie będzie obrazu tła.
3. background-attachment:
Rozpocznij definicję poprzez zapisanie nazwy właściwości i dwukropka.
4. scroll;
Teraz podaj słowo kluczowe instruujące
przesuwania zawartości strony:
• fixed - instruuje przeglądarkę, aby nie przesuwała zawartości tła wraz z resztą elementów;
• scroll - informuje przeglądarkę, że tło ma być przesuwane wraz z elementem.
5. ;}
Zakończ definicję.
Listing 5.6. Tło jest dołączone i unieruchomione w jednym miejscu
<html>
<head>
cmeta http-eąuiv*MCont\ent-TypeM ->content="text/html; charset-ISO-8859-2"> <title>Listing 5.6</title>
<style type*»"text/css">
BODY i background-image:
->uri {. . /images/tlo.gif);
background-repeat: repeat-x; background-attachment: fixed;
}
</style>
</head> <body bgcolor="frFFFFFF" >
<p>W języku HTML definiuje się po kolei wszystkie wiersze tabeli, a każdy z ...</p> Para znaczników TR i /TR służy do tworzenia wiersza. Każdy wiersz ma komórki,
...</p>
Podpisy tabel informują o tym, czego dotyczy tabela. Podpis definiowany jest...</p>
</body>
</htittl>
88