Bakgrunden till en webbsida kan knytas till dess innehåll eller beter sig oberoende av den. I det första fallet, när du rullar innehåll i webbläsarfönstret, kommer bakgrundsbilden också att rulla, medan det i det andra kan förbli stillastående. För att implementera en fast sidabakgrund bör du använda språket för beskrivning av CSS-stil - endast det kan garantera samma bakgrundsbeteende i olika typer av webbläsare.
Instruktioner
Steg 1
Använd bakgrundsfästegenskapen i CSS för att ange om sidbakgrunden ska vara fixerad eller flyttbar. Totalt kan den här egenskapen ha tre värden - om du inte anger något av dem anses bakgrundsbilagan som standard bläddra. Med detta värde rullar bakgrundsbilden tillsammans med sidinnehållet. Arvvärdet kopierar bakgrundsbeteendet för det överordnade elementet, och det fasta värdet gör bakgrundsbilden oberoende av innehållet - den förblir stilla när sidan rullas. Du borde använda den.
Steg 2
Förbered dina CSS-instruktioner för användning på de sidor du vill fixa bakgrunden. Om du inte placerar CSS-koden i en extern beskrivningsfil, ska dessa instruktioner placeras mellan taggarna för inledande och avslutande stil:
// det kommer att finnas beskrivningar av stilar
Beskrivningen av sidans bakgrundsbeteende måste vara bunden till BODY-elementet - i CSS-terminologi kommer det att kallas en "väljare" och kommer att skrivas så här: BODY {
// beskrivningar av sidans text kommer att finnas här
} Egenskaper relaterade till den här väljaren måste placeras i lockiga hakparenteser, åtskilda av semikolon: BODY {
bakgrundsbilaga: fast;
bakgrundsbild: url (bilder / BG.gif);
} Den första raden fångar bakgrundsbilden och den andra anger adressen till filen som innehåller bakgrundsbilden, relativt sidadressen. Dessa två rader kan skrivas i ett komplext CSS-uttalande så här: bakgrund: url (bilder / BG.gif) fixad;
Steg 3
Klistra in all kod för att fixa bakgrunden i texten på sidan. I sin färdiga form kan det se ut så här:
BODY {background: url (images / BG.gif) fixed;}
Naturligtvis måste du ersätta platsen och namnet på bakgrundsbildfilen. Det är bättre att lägga koden före taggen, även om detta inte är en förutsättning.
