Søg
Avatar billede 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
Avatar billede Slettet bruger
30. september 2011 - 18:44 #1
Der er nogle tips her:
http://css-tricks.com/766-how-to-resizeable-background-image/
Avatar billede 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..:/
Avatar billede 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. :)
Avatar billede 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>
Avatar billede 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>
Avatar billede 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 "
Avatar billede 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
Avatar billede MadsLundsen Nybegynder
10. april 2012 - 20:55 #8
Smid et svar så får i jeres point :)
Avatar billede olebole Juniormester
10. april 2012 - 21:25 #9
Ellers tak, jeg samler ikke point. Det må være de andres  =)
Avatar billede Slettet bruger
10. april 2012 - 21:28 #10
Jeg samler heller ikke.
Avatar billede 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.

Loading billede Opret Preview
Kategori
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 17:28 Tekst format i Kodevinduet Af per2edb i Access
I går 16:55 Et pludselig opstået ikon på skrivebordet Af ErikHg i Windows
I går 10:32 Asus R565 legetøj Af Svend_J i PC
01/1118:59 Ang fifa 26 til Ps5 Af made18 i Andet software
01/1117:01 Kom til at tilslutte nogle 3.5 disk med et forkert Sata kabel fra en anden PSU Af Thomas B i Andet hardware
White papers
Flere white papers »