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 20:59 Gentagen fejlmeddelelse. Af aj9430dk i Windows
I går 18:00 Min HP MFP176 falder hle tiden af lan-netværket. Kan det sparkes i gang? Af andershl i Printere
I går 16:26 Fejlmelding på 64 GB Philips USB-drev Af hudsonium i PC
16/1010:01 W11 opdatering stopper Af barth i Windows
15/1019:59 TOMTOM GO Af nu_igen i Andet hardware
White papers
Flere white papers »