Pozadí webové stránky lze svázat s jejím obsahem nebo se chovat nezávisle na ní. V prvním případě se při posouvání obsahu v okně prohlížeče bude posouvat také obrázek na pozadí, zatímco ve druhém může zůstat nehybný. Chcete-li implementovat pevné pozadí stránky, měli byste použít jazyk popisu stylu CSS - pouze ten může zaručit stejné chování na pozadí v různých typech prohlížečů.
Instrukce
Krok 1
Pomocí vlastnosti přílohy na pozadí v CSS můžete určit, zda má být pozadí stránky pevné nebo pohyblivé. Celkově může mít tato vlastnost tři hodnoty - pokud nezadáte žádnou z nich, pak se ve výchozím nastavení považuje příloha na pozadí za svitek. S touto hodnotou se obrázek na pozadí posouvá spolu s obsahem stránky. Zděděná hodnota kopíruje chování na pozadí nadřazeného prvku a díky pevné hodnotě je obrázek na pozadí nezávislý na obsahu - při rolování stránky zůstává nehybný. Měli byste to použít.
Krok 2
Připravte si pokyny CSS pro použití na stránkách, které chcete opravit na pozadí. Pokud kód CSS nevložíte do externího souboru s popisem stylu, měly by být tyto pokyny umístěny mezi otevírací a zavírací značku stylu:
// budou popisy stylů
Popis chování pozadí stránky musí být vázán na prvek BODY - v terminologii CSS se bude nazývat „selektor“a bude psán takto: BODY {
// zde budou popisy těla stránky
} Vlastnosti související s tímto selektorem musí být umístěny uvnitř složených závorek oddělených středníkem: BODY {
připojení na pozadí: opraveno;
background-image: url (images / BG.gif);
} První řádek zachycuje obrázek na pozadí a druhý označuje adresu souboru obsahujícího obrázek na pozadí vzhledem k adrese stránky. Tyto dva řádky lze zapsat do jednoho komplexního příkazu CSS takto: background: url (images / BG.gif) fixed;
Krok 3
Vložte celý kód a opravte pozadí do textu stránky. V konečné podobě to může vypadat takto:
BODY {background: url (images / BG.gif) fixed;}
Samozřejmě musíte nahradit umístění a název souboru obrázku na pozadí. Je lepší dát kód před značku, i když to není podmínkou.
