Někdy záměr návrháře vyžaduje, aby obrázek na pozadí zůstal nehybný, když návštěvník posouvá obsah stránky. Toho lze dosáhnout změnou výchozího nastavení chování na pozadí pomocí pokynů CSS (Cascading Style Sheets).
Instrukce
Krok 1
Přidejte do svého webového dokumentu stylingový popis bloku těla, který obsahuje vlastnost přílohy pozadí nastavenou na pevnou, a pozadí stránky zůstane při posouvání dokumentu nehybné. Tato metoda opravy pozadí bude fungovat ve všech prohlížečích, které podporují některý z aktuálních standardů CSS počínaje verzí 1.0. Kromě pevné hodnoty poskytují standardy pro tuto vlastnost další dvě možnosti - posouvání a dědění. Pokud v popisech stylu dokumentu není pro přílohu na pozadí zadána žádná hodnota, předpokládá se, že je ve výchozím nastavení nastaveno posouvání. V tomto případě se pozadí bude pohybovat spolu s posouváním obsahu stránky. Zděděná hodnota označuje, že pro vlastnost připojení na pozadí tohoto prvku by měla být použita stejná hodnota jako pro jeho nadřazený prvek.
Krok 2
Přidejte atribut stylu do značky pro požadovanou stránku a přidejte popis stylu pro opravu pozadí. Například to může vypadat takto: Sem můžete také zadat adresu obrázku na pozadí: Nahraďte adresu a název obrázku (img / pic.gif) vlastními hodnotami. Tato metoda je vhodná, protože vyžaduje nejméně změn v kódu stránky, ale častěji je popis stylů umístěn v samostatném bloku v záhlaví dokumentu nebo dokonce v samostatném souboru.
Krok 3
Chcete-li použít samostatný blok CSS s pokyny pro opravu pozadí stránky, umístěte před zdrojovou značku například následující řádky:
BODY {background: url (img / pic.gif) fixed;}
Nezapomeňte namísto img / pic.gif"
