CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

pstidsen Novice

27. november 2013 - 22:29 Der er 8 kommentarer og
1 løsning

Rimeligt simpelt spørgsmål om baggrunde

Jeg har opsat en WordPress hjemmeside og bruger TwentyTwelve som tema, da jeg tænkte at det var det smarteste, da hjemmesiden skal være meget enkel designmæssigt.

Siden skal have et baggrundsbillede og det skal fylde hele højden og hele bredden i alle gængse browsere og skærmopløsninger. Det er meget vigtigt at man kan se hele billedet, men heller ikke mere..! Hvordan løser jeg mit problem?

Synes godt om

FastEthernet Novice

28. november 2013 - 02:32 #1

Hvis du ikke har noget imod at billedet bliver strukket, skulle du kunne bruge background-size i CSS til at få billedet til at dække hele siden.

http://www.w3schools.com/cssref/css3_pr_background-size.asp

Eksempel:

body
{
background:url("bg.jpg");
background-size:cover;
background-repeat:no-repeat;
}

Synes godt om

pstidsen Novice

28. november 2013 - 10:13 #2

Hvad opløsning vil være mest optimal? Ville det ikke være smartest med en forholdsvis stor opløsning (f.eks. 1920*1080), så billedet for det meste ikke bliver opskaleret, men nedskaleret?

Synes godt om

FastEthernet Novice

28. november 2013 - 11:07 #3

Det vil i hvert fald se bedre ud, at billedet bliver nedskaleret fremfor strukket ud, så en opløsning på 1920*1080 lyder fornuftig.

Synes godt om

pstidsen Novice

28. november 2013 - 11:19 #4

Point til dig!

Synes godt om

pstidsen Novice

28. november 2013 - 11:23 #5

Eller lige et lille spørgsmål.. Vil det også virke hvis det er en div der har fået et baggrundsbillede:

#wrapper{
background-image: url(img/bg.png);
}

????

Synes godt om

FastEthernet Novice

28. november 2013 - 12:02 #6

Det burde det, men så dækker det kun div'ens størrelse, så hvis div'en ikke fylder hele siden, vil baggrunden heller ikke gøre det - hvis jeg har forstået dokumentationen på w3schools korrekt.

Synes godt om

pstidsen Novice

28. november 2013 - 12:07 #7

Tak - smid svar.

Synes godt om

pstidsen Novice

28. november 2013 - 12:07 #8

Hov.. Jeg kom til at smide Svar..

Synes godt om

FastEthernet Novice

28. november 2013 - 12:10 #9

Værsgo

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS