Torsdagstippet: Fastlåst baggrund på websider

Normalt scroller både baggrundsgrafik og tekst og billeder samtidig, når man bevæger sig ned gennem en webside. Men nogle hjemmesider kan fastlåse baggrunden, mens resten af siden kan scrolle. Her er tippet til, hvordan du skaber effekten.

Synes du, at din baggrundsgrafik er usædvanlig smuk, eller blot at den skal forblive i centrum, mens brugeren scroller, så er der en simpel løsning.

I "gamle dage" satte man kommandoer til definering af baggrundsgrafik og låsning af samme ind i kommandoen i websiden. Men i moderne websider er den slags flyttet over i interne eller eksterne stylesheets, og samtidig har man også fået langt mere detaljeret kontrol over websidens baggrundsgrafik.

For at placere et stykke grafik i baggrunden af en webside, benyttes background-image parameteret i websidens style-sektion. Skal denne grafik låses, så den ikke scroller sammen med resten af websiden, indsættes parameteret background-attachment.

Ydermere kan man bestemme, om baggrundsgrafikken skal gentages over hele websiden eller kun horisontalt eller vertikalt. Dette gøres med parametret background-repeat. Se eksemplet i boksen, hvor websiden benytter filen tile.gif som baggrundsgrafik. Grafikken repeteres kun vertikalt på Y-aksen, og den er låst ("fixed"), så den ikke scroller med resten af websiden.

Du kan læse alle detaljerne om om disse og andre kommandoer til styring af baggrundsgrafik hos W3.




Brancheguiden
Brancheguide logo
Opdateres dagligt:
Den største og
mest komplette
oversigt
over danske
it-virksomheder
Hvad kan de? Hvor store er de? Hvor bor de?
Fiftytwo A/S
Konsulentydelser og branchespecifikke softwareløsninger til retail, e-Commerce, leasing og mediebranchen.

Nøgletal og mere info om virksomheden
Skal din virksomhed med i Guiden? Klik her

Kommende events
Computerworld Cloud & AI Festival 2025

Med den eksplosive udvikling indenfor cloud & AI er behovet for at følge med og vidensdeling større end nogensinde før. Glæd dig til to dage, hvor du kan netværke med over 2.400 it-professionelle, møde mere end 50 it-leverandører og høre indlæg fra +90 talere. Vi sætter fokus på emner som AI; infrastruktur, compliance, sikkerhed og løsninger for både private og offentlige organisationer.

17. september 2025 | Læs mere


IT og OT i harmoni: Sikring uden at gå på kompromis med effektiviteten

IT og OT smelter sammen – men med risiko for dyre fejl. Få metoder til sikker integration med ERP, kundesystemer og produktion. Tilmeld dig og få styr på forskellene og faldgruberne.

24. september 2025 | Læs mere


NIS2: Vi gør status efter tre måneder og lærer af erfaringerne

Vær med, når vi deler oplevelser med implementering af NIS2 og drøfter, hvordan du undgår at gentage erfaringerne fra GDPR – og særligt undgår kostbar overimplementering.

30. september 2025 | Læs mere