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?
Konica Minolta Business Solutions Denmark A/S
Salg af kopimaskiner, digitale produktionssystemer og it-services.

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

Kommende events
Bliv klar til AI Act: Det vil påvirke både din udvikling, drift og organisation

Fordelene ved at anvende kunstig intelligens bliver stadig mere udtalte, og både som virksomhed og myndighed er det i stigende grad uholdbart ikke at udforske mulighederne. Men der er også risici forbundet på den nye teknologi, og på dette formiddagsseminar ser vi på, hvordan verdens første regulatoriske kompleks – EUs kommende AI Act – adresserer behovet for en etisk, ansvarlig og kontrolleret anvendelse af AI.

20. august 2024 | Læs mere


Det Digitale Produktpas

Kom med og hør om, hvordan du kommer i gang med at sikre din virksomhed er klar til Det Digitale Produktpas. Vi sætter fokus på, hvordan du bliver klædt på til at få styr og struktur på dine data, samt hvilke krav du skal sætte til dine leverandører og andre i din værdikæde, for at sikre den nødvendige information er tilgængelig.

21. august 2024 | Læs mere


Cyber Security Summit 2024

På Cyber Security Summit får du indsigt i det aktuelle trusselslandskab, overblikket over de nyeste værktøjer og trends indenfor sikkerhedsløsninger, indsigt i de relevante rammeværktøjer og krav samt de bedste løsninger og værktøjer til at sikre effektiv drift og høj compliance.

27. august 2024 | Læs mere