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?
JN Data A/S
Driver og udvikler it-systemer for finanssektoren.

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

Kommende events
Sådan bruger du aktivt AI til at styrke din cybersikkerhedsindsats

Kan AI styrke din cybersikkerhed og forebygge f.eks. ransomwareangreb? Ja – og endda særdeles effektivt! På denne konference kan du blive klogere på, hvordan du i praksis anvender AI til at styrke dit sikkerhedsniveau – og gøre cyberbeskyttelsen mere fleksibel.

27. november 2024 | Læs mere


Styrk din virksomhed med relevant, pålidelig og ansvarlig AI integration med SAP

Kom og få indsigt i, hvordan du bruger AI til at transformere og effektivisere dine arbejdsgange. Vi kigger nærmere på AI-assistenten Joule, der vil revolutionere måden, brugerne interagere med SAP’s forretningssystemer. Og så får du konkret viden om, hvordan du kommer i gang med at bruge AI til at booste din forretningsudvikling.

03. december 2024 | Læs mere


Fyr op under vækst med dataanalyse, AI og innovation

Hvor langt er den datadrevne virksomhed nået i praksis? Det kan du høre om fra virksomheder, som har foretaget transformationen. Du kommer også til at høre, hvordan de anvender AI i processen, hvilke mål de har nået, hvordan de har høstet gevinsterne og hvilke nyskabelser, der er på vej i horisonten.

04. december 2024 | Læs mere