Sådan Repareres Baggrunden

Indholdsfortegnelse:

Sådan Repareres Baggrunden
Sådan Repareres Baggrunden

Video: Sådan Repareres Baggrunden

Video: Sådan Repareres Baggrunden
Video: Ремонт стиральной машинки полуавтомат. Плохо крутит крыльчатка (активатор) и не сливает воду 2024, November
Anonim

Undertiden kræver designers hensigt, at baggrundsbilledet forbliver stille, når den besøgende ruller gennem sideindholdet. Dette kan gøres ved at ændre standardindstillingen for baggrundsadfærd ved hjælp af CSS (Cascading Style Sheets) instruktioner.

Sådan repareres baggrunden
Sådan repareres baggrunden

Instruktioner

Trin 1

Føj en stylingbeskrivelse til bodyblokken til dit webdokument, der indeholder en baggrundsvedhæftningsegenskab indstillet til fast, og sidebaggrunden forbliver stille, når dokumentet ruller. Denne metode til at rette baggrunden fungerer i alle browsere, der understøtter nogen af de nuværende CSS-standarder fra og med version 1.0. Ud over den faste værdi giver standarderne to yderligere muligheder for denne egenskab - rul og arv. Hvis der ikke er angivet nogen værdi for baggrundsvedhæftning i dokumentformatbeskrivelserne, antages det at være indstillet til at rulle som standard. I dette tilfælde vil baggrunden bevæge sig sammen med rulning af sideindholdet. Arveværdien angiver, at den samme værdi skal bruges til dette elementets baggrundsvedhæftningsegenskab som for dets overordnede element.

Trin 2

Føj en typeattribut til tagget for den ønskede side, og tilføj en stilbeskrivelse for at rette baggrunden. For eksempel kan det se sådan ud: Du kan også angive baggrunden for baggrundsbilledet her:. Erstat billedets adresse og navn (img / pic.gif) med dine egne værdier. Denne metode er praktisk, fordi den kræver de mindste ændringer i sidekoden, men oftere placeres beskrivelsen af typografier i en separat blok i hovedet på dokumentet eller endda i en separat fil.

Trin 3

Hvis du vil bruge en separat CSS-blok med instruktioner til at rette baggrunden på siden, skal du placere følgende kildetag for eksempel følgende linjer:

BODY {baggrund: url (img / pic.gif) fast;}

Glem ikke at medtage det korrekte navn og adresse på baggrundsbilledet i stedet for img / pic.gif.

Anbefalede: