Posted by Udden on September 15, 2011 at 9:23pm
Hej,
Jag har problem med en bakgrundsbild i IE. Det fungerar i Fire Fox och på min Mac.
Fick rådet av att använda nedanstående css men det fungerar ändå inte. IE visar endast bilden centrerad med vita kanter.
/Tomaz
body
{
background: url('images/Page-BgTexture.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/Page-BgTexture.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/Page-BgTexture.jpg', sizingMethod='scale')";
}
Categories: css, ie, Internet explorer, Besvarade frågor
Comments
Mer info
Hej
För det första vad är det du vill göra med bakgrundsbilden. Eftersom CSS du skickade säger just att bilden ska förekomma engång, vara centrerad både i höjd och längd. Så det fungerar som det ska.
Vad har du för bild och hur ska den visas som?
Vilken version av IE?
Vilken version av IE är det som det strular?
✄-----------------------------------------------------
Adam Evertsson - Came for the code, stayed for the community!
IE8 och 9
Jag har testat IE8 och 9, samma problem i båda.
Nu blir det en centrerad bild, fast storlek med vita kanter runt om.
I Firefox blir det som jag vill ha det, bilden fyller hela fönstret och skalas när man ändrar storlek på fönstret.
/Tomaz
Skala
Så det du vill är att bilden ska skalas upp så den täcker hela bakgrunden? Spelar det någon roll om höjden skalas 154% och bredden 103%? Alltså om du har ett motiv på bakgrunden kan den bli skev. Eller ska det skalas proportionellt men att någon del då hamnar utanför?
Exempel
Här är sidan.
http://skalman.hemsida.eu/
Så som det blir i Firefox vill jag att det ska bli även i IE.
/Tomaz
Hmmm...
Om du inte lyckats lösa det så kanske du kan hitta en lösning här:
http://stackoverflow.com/questions/4286239/css3-internet-explorer-scale-...
Har och göra med relativa och absoluta sökvägar till bilden. Testa det.
✄-----------------------------------------------------
Adam Evertsson - Came for the code, stayed for the community!
Löst
Nu har jag löst problemet.
Det blev en vanligt bakgrundsbild i stället för en css 3 variant.
Tack för all hjälp.
MVH Tomaz