Baggrunden for en webside kan knyttes til dens indhold eller opføre sig uafhængigt af den. I det første tilfælde, når du ruller indhold i browservinduet, vil baggrundsbilledet også rulle, mens det i det andet kan forblive stille. For at implementere en fast sidebaggrund skal du bruge CSS-stilbeskrivelsessproget - kun det kan garantere den samme baggrundsadfærd i forskellige typer browsere.
Instruktioner
Trin 1
Brug baggrundsvedhæftningsegenskaben i CSS til at angive, om sidebaggrunden skal være fast eller flytbar. I alt kan denne egenskab have tre værdier - hvis du ikke angiver nogen af dem, betragtes baggrundsvedhæftet som standard for at være rulle. Med denne værdi ruller baggrundsbilledet sammen med sideindholdet. Arveværdien kopierer baggrundsadfærden for det overordnede element, og den faste værdi gør baggrundsbilledet uafhængigt af indholdet - det forbliver stille, når siden rulles. Du skal bruge det.
Trin 2
Forbered dine CSS-instruktioner til brug på de sider, du vil rette baggrunden. Hvis du ikke placerer CSS-koden i en ekstern stilbeskrivelsesfil, skal disse instruktioner placeres mellem de indledende og lukkende stilkoder:
// der vil være beskrivelser af stilarter
Beskrivelsen af sidens baggrundsadfærd skal være bundet til BODY-elementet - i CSS-terminologi kaldes det en "vælger" og vil blive skrevet således: BODY {
// beskrivelser af sidens brødtekst vil være her
} Egenskaber, der er relateret til denne vælger, skal placeres i krøllede seler, adskilt af semikolon: BODY {
baggrundsvedhæftning: fast;
baggrundsbillede: url (billeder / BG.gif);
} Den første linje optager baggrundsbilledet, og den anden viser adressen på den fil, der indeholder baggrundsbilledet, i forhold til sideadressen. Disse to linjer kan skrives i en kompleks CSS-sætning som denne: baggrund: url (billeder / BG.gif) fast;
Trin 3
Indsæt al koden for at fastgøre baggrunden i teksten på siden. I sin færdige form kan det se sådan ud:
BODY {background: url (images / BG.gif) fixed;}
Selvfølgelig skal du udskifte placeringen og navnet på baggrundsbilledfilen. Det er bedre at placere koden foran tagget, selvom dette ikke er en forudsætning.
