Ibland kräver formgivarens avsikt att bakgrundsbilden förblir stilla när besökaren rullar genom sidinnehållet. Detta kan göras genom att ändra standardinställningen för bakgrundsbeteende med CSS-instruktioner (Cascading Style Sheets).
Instruktioner
Steg 1
Lägg till en stylingbeskrivning för kroppsblocket i ditt webbdokument som innehåller en egenskap för bakgrundsbilaga som är inställd på fixad, och sidans bakgrund förblir still när dokumentet rullar. Denna metod för att fixa bakgrunden fungerar i alla webbläsare som stöder någon av de nuvarande CSS-standarderna från och med version 1.0. Förutom det fasta värdet ger standarderna ytterligare två alternativ för den här egenskapen - bläddra och ärva. Om inget värde anges för bakgrundsbilaga i beskrivningarna av dokumentstilen antas det vara inställt på att bläddra som standard. I det här fallet kommer bakgrunden att flyttas tillsammans med rullning av sidinnehållet. Arvsvärdet indikerar att samma värde ska användas för det här elementets bakgrundsfästegenskap som för dess överordnade element.
Steg 2
Lägg till ett stilattribut i taggen för den sida du vill ha och lägg till en stilbeskrivning för att fixa bakgrunden. Det kan till exempel se ut så här: Du kan också ange bakgrunden till bakgrundsbilden här:. Ersätt adressen och namnet på bilden (img / pic.gif) med dina egna värden. Den här metoden är bekväm eftersom den kräver minst ändringar i sidkoden, men oftare placeras beskrivningen av stilar i ett separat block i dokumentets huvud eller till och med i en separat fil.
Steg 3
Om du vill använda ett separat CSS-block med instruktioner för att fixa bakgrunden på sidan ska du placera följande källkod, till exempel, följande rader:
BODY {background: url (img / pic.gif) fixed;}
Glöm inte att inkludera rätt namn och adress på bakgrundsbilden istället för img / pic.gif.
