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.

Læses lige nu

    Navnenyt fra it-Danmark

    Netip A/S har pr. 15. september 2025 ansat Peter Holst Ring Madsen som Systemkonsulent ved netIP's kontor i Holstebro. Han kommer fra en stilling som Team Lead hos Thise Mejeri. Nyt job
    IT Confidence A/S har pr. 1. oktober 2025 ansat Johan Léfelius som it-konsulent. Han skal især beskæftige sig med med support, drift og vedligeholdelse af kunders it-miljøer samt udvikling af sikre og stabile løsninger. Han kommer fra en stilling som kundeservicemedarbejder hos Telia Company Danmark A/S. Han er uddannet (under uddannelse) som datatekniker med speciale i infrastruktur. Han har tidligere beskæftiget sig med kundeservice, salg og teknisk support. Nyt job

    Johan Léfelius

    IT Confidence A/S

    Sentia har pr. 1. oktober 2025 ansat Morten Jørgensen som Chief Commercial Officer. Han skal især beskæftige sig med udbygning af Sentias markedsposition og forretningsområder med det overordnede ansvar for den kommercielle organisation. Han kommer fra en stilling som Forretningsdirektør hos Emagine. Nyt job
    Netip A/S har pr. 1. november 2025 ansat Christian Homann som Projektleder ved netIP's kontor i Thisted. Han kommer fra en stilling som Digitaliseringschef hos EUC Nordvest. Han er uddannet med en Cand.it og har en del års erfaring med projektledelse. Nyt job

    Christian Homann

    Netip A/S