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

MadsLundsen Nybegynder

30. september 2011 - 18:02 Der er 10 kommentarer

Background billede resize til browser størrelse

Hej jeg er ved at lave en hjemmeside og jeg vil gerne vide om jeg kan få mit 1024x768 billede som background på min hjemmeside.. og gøre så når man resizer browseren så tilpasser billedet sig?

Tak:D

Synes godt om

Slettet bruger

30. september 2011 - 18:44 #1

Der er nogle tips her:
http://css-tricks.com/766-how-to-resizeable-background-image/

Synes godt om

MadsLundsen Nybegynder

30. september 2011 - 19:58 #2

Problemet med nogen af de tips fra den side er at man kan selecte background billedet og kopier den..:/

Synes godt om

Slettet bruger

30. september 2011 - 20:11 #3

Det får du også meget svært ved at gardere dig imod. Hvis billedet kan vises i min browser, så er der mange måder jeg kan kopiere billedet, uanset hvilke tricks der bliver brugt til at undgå det. Og dem som ikke kan finde ud af det, er nok ligeglade. :)

Synes godt om

olebole Juniormester

01. oktober 2011 - 16:20 #4

<ole>

Velkommen til WWW. Baggrundsbilleder kan ikke skaleres - og billeder kan ikke beskyttes mod kopiering =)

/mvh
</bole>

Synes godt om

Slettet bruger

01. oktober 2011 - 19:46 #5

@olebole: Troede heller ikke det kunne gøres nemt med baggrundsbilleder der skalerer. Men med et lille trick kan det godt:


<html>
  <head>
    <style>
body {
  margin: 0;
  padding: 0;
}
#content {
  position: relative;
  width: 100%;
}
#background {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
</style>
  </head>
  <body>
    <img id="background" src="background.jpg" />
    <div id="content">
      Hej!
    </div>
  </body>
</html>

Synes godt om

Caspermathiesen Nybegynder

18. oktober 2011 - 15:19 #6

#background {
width: 100%;

så vil den fylde hele skærmen hvad end størrelsen på skærmen er :)

Man kan ofte bare bruge " % " i stedet for " px "

Synes godt om

olebole Juniormester

18. oktober 2011 - 17:01 #7

- men det er stadig ikke et baggrundsbillede, og har derfor andre egenskaber.

Af hensyn til brugeren vælger man ofte baggrundsbilleder til grafik, som ikke ønskes udskrevet på en printer. Det er f.eks. dårlig stil at lægge et stort (almindeligt) billede ind som 'baggrundsbillede', da det vil sluge unødige mængder af brugerens dyre printerpatroner

Synes godt om

MadsLundsen Nybegynder

10. april 2012 - 20:55 #8

Smid et svar så får i jeres point :)

Synes godt om

olebole Juniormester

10. april 2012 - 21:25 #9

Ellers tak, jeg samler ikke point. Det må være de andres =)

Synes godt om

Slettet bruger

10. april 2012 - 21:28 #10

Jeg samler heller ikke.

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