D Dr-man Medlem sedan juli 2002 732 inlägg Frågan 21 feb. 2012 11:13 #1 Hur visar man med hjälp av css hela bakgrundsbilden på en websida?
Danne V Medlem sedan aug. 2006 8 090 inlägg Menar du att hela bilden ska visas oavsett hur stort webbläsarfönstret råkar vara?
Ungefär så här:
<html><head></head>
<body>
<div id="bakgrundsbild">
<img src="minbild.jpg" /></div>
<div>Sidans innehåll</div>
</body>
och i stilmallen lägger in detta:
#bakgrundsbild {
position:absolute;
z-index:-100;
top:0;
left:0;
width:100%;
}
#bakgrundsbild img {
width:100%;
}
...ungefär....
Palle Medlem sedan apr. 2000 3 174 inlägg Det finns en enkel lösning som i dagsläget bara fungerar i webbläsare som har stöd för CSS3, dvs nyare webbläsare.
Om det är ett alternativ som passar dig så kan du lägga till detta i din stimall:
html {
background: url(din-bakgrundsbild.png) no-repeat 50% 50% fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
D Dr-man Medlem sedan juli 2002 732 inlägg
Palle skrev:
Det finns en enkel lösning som i dagsläget bara fungerar i webbläsare som har stöd för CSS3, dvs nyare webbläsare.
Om det är ett alternativ som passar dig så kan du lägga till detta i din stimall:
html {
background: url(din-bakgrundsbild.png) no-repeat 50% 50% fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Även IE 9.0 klarar att hantera detta?
Palle Medlem sedan apr. 2000 3 174 inlägg
Dr-man skrev:
Även IE 9.0 klarar att hantera detta?
Ja, IE9 har en del stöd för CSS3 implementerat, b.la background-size .
