Bakgrunnen til en webside kan knyttes til innholdet eller oppføre seg uavhengig av den. I det første tilfellet, når du ruller innhold i nettleservinduet, vil bakgrunnsbildet også rulle, mens det i det andre kan forbli stille. For å implementere en fast sidebakgrunn, bør du bruke CSS-stilbeskrivelsesspråket - bare det kan garantere den samme bakgrunnsatferden i forskjellige typer nettlesere.
Bruksanvisning
Trinn 1
Bruk bakgrunnsvedleggsegenskapen i CSS for å spesifisere om sidebakgrunnen skal være fast eller flyttbar. Totalt kan denne egenskapen ha tre verdier - hvis du ikke spesifiserer noen av dem, anses bakgrunnsvedlegget som standard å være rull. Med denne verdien ruller bakgrunnsbildet sammen med sideinnholdet. Arveverdien kopierer bakgrunnsatferden til det overordnede elementet, og den faste verdien gjør bakgrunnsbildet uavhengig av innholdet - det holder seg stille når siden rulles. Du burde bruke den.
Steg 2
Forbered CSS-instruksjonene dine for bruk på sidene du vil fikse bakgrunnen. Hvis du ikke plasserer CSS-koden i en ekstern stilbeskrivelsesfil, bør disse instruksjonene plasseres mellom kodene for åpning og lukking:
// det vil være beskrivelser av stiler
Beskrivelsen av sidens bakgrunnsoppførsel må være bundet til BODY-elementet - i CSS-terminologi vil det bli kalt en "selector" og vil bli skrevet slik: BODY {
// beskrivelser av sideteksten vil være her
} Egenskaper relatert til denne velgeren må plasseres i krøllete bukseseler, atskilt med semikolon: BODY {
bakgrunn-vedlegg: fast;
bakgrunnsbilde: url (bilder / BG.gif);
} Den første linjen fanger bakgrunnsbildet, og den andre indikerer adressen til filen som inneholder bakgrunnsbildet, i forhold til sideadressen. Disse to linjene kan skrives i en kompleks CSS-setning slik: bakgrunn: url (bilder / BG.gif) løst;
Trinn 3
Lim inn all koden for å feste bakgrunnen i teksten på siden. I sin ferdige form kan det se slik ut:
BODY {bakgrunn: url (bilder / BG.gif) løst;}
Selvfølgelig må du erstatte plasseringen og navnet på bakgrunnsbildefilen. Det er bedre å sette koden foran koden, selv om dette ikke er en forutsetning.
