Pozadie webovej stránky môže byť spojené s jej obsahom alebo sa môže správať nezávisle od nej. V prvom prípade sa pri posúvaní obsahu v okne prehliadača bude posúvať aj obrázok na pozadí, zatiaľ čo v druhom môže zostať nehybný. Ak chcete implementovať pevné pozadie stránky, mali by ste použiť jazyk popisu štýlu CSS - iba ten môže zaručiť rovnaké správanie na pozadí v rôznych typoch prehľadávačov.
Inštrukcie
Krok 1
Pomocou vlastnosti background-attachment v CSS môžete určiť, či má byť pozadie stránky pevné alebo pohyblivé. Celkovo môže mať táto vlastnosť tri hodnoty - ak nezadáte žiadnu z nich, potom sa predvolene príloha na pozadí považuje za zvitok. S touto hodnotou sa obrázok na pozadí posúva spolu s obsahom stránky. Hodnota zdedenia kopíruje správanie rodičovského prvku na pozadí a pevná hodnota robí obraz pozadia nezávislým od obsahu - pri rolovaní stránky zostáva nehybný. Mali by ste to použiť.
Krok 2
Pripravte si svoje pokyny CSS na použitie na stránkach, ktoré chcete opraviť na pozadí. Ak nevložíte kód CSS do externého súboru popisu štýlu, mali by byť tieto pokyny umiestnené medzi otváraciu a záverečnú značku štýlu:
// budú popisy štýlov
Popis správania na pozadí stránky musí byť viazaný na prvok BODY - v terminológii CSS sa bude nazývať „selektor“a bude sa písať takto: BODY {
// popis tela stránky bude tu
} Vlastnosti súvisiace s týmto selektorom musia byť umiestnené vo vnútri zložených zátvoriek a oddelené bodkočiarkami: BODY {
príloha na pozadí: opravená;
background-image: url (images / BG.gif);
} Prvý riadok zachytáva obrázok na pozadí a druhý označuje adresu súboru, ktorý obsahuje obrázok na pozadí, vo vzťahu k adrese stránky. Tieto dva riadky je možné zapísať do jedného zložitého príkazu CSS takto: background: url (images / BG.gif) fixed;
Krok 3
Prilepením celého kódu zafixujete pozadie v texte stránky. V hotovej podobe môže vyzerať takto:
BODY {background: url (images / BG.gif) fixed;}
Samozrejme musíte nahradiť umiestnenie a názov súboru obrázka na pozadí. Je lepšie dať kód pred značku, aj keď to nie je podmienkou.
