Backgrundsbild över hela sidan?

6 svar · 563 visningar · startad av Akerlundh 26 feb. 2007

AkerlundhMedlem sedan maj 20031 682 inlägg

Frågan26 feb. 2007 22:14#1

Hejsan!

Jag har en liten backgrundsbild som jag vill använda.
Men vilken kod är det man ska använda för att den ska sträcka ut sig över hela sidan?

Som om vi säger denna bilden som jag bifogade här.
Hur gör jag för att få den som backgrundsbild över hela sidan?

zcorpanMedlem sedan dec. 20042 245 inlägg

26 feb. 2007 22:49#2

Du kan inte få en bakgrundsbild att sträcka ut sig (än). Du kan få den att upprepa sig dock.

AkerlundhMedlem sedan maj 20031 682 inlägg

13 maj 2007 10:22#3

Men jag har lyckats med den innan. hmm..

icaaqMedlem sedan okt. 20005 273 inlägg

13 maj 2007 12:44#4

body{
background: url(dinbild.gif) repeat-x 0 0;
}

mv icaaq

AkerlundhMedlem sedan maj 20031 682 inlägg

13 maj 2007 16:06#5

så här blev det med den koden.

Vill liksom ha det så det sträcker ut sig på höjden också.

tantenMedlem sedan nov. 20051 596 inlägg

13 maj 2007 16:11#6

Det där är inte att sträcka ut sig det är repetera så om du raderar repeat-x så repeterar den sig över hela sidan.

tantenMedlem sedan nov. 20051 596 inlägg

13 maj 2007 17:05#7

Så här kan du stretcha ut en bild på ett lite knäppt sätt...
Jag har bara testat och aldrig använt det på någon sida. Så hur webläsare klarar det, vet jag inte. Men i IE6 och FF fungerar det.

#bg{
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
z-index: 0;
}
#contents {
z-index: 1;
position: absolute;
height:100%;
width:100%;

och i html-koden

<body>
<!-- Här ligger bakgrundsbilden -->
<div id="bg">
<img src="bg.jpg" style="width: 100%; height: 100%;">
</div>
<!-- Och här det som man ska ha över bakgrunden -->
<div id="contents">
<h1>Stretch av bild</h1>.
</div>
</body>
</html>