Dimensione sfondo IE non funzionante

Question

Sto provando a fare uno sfondo per allungare l'intero corpo (solo larghezza). Funziona solo su Chrome, Opera e Firefox. Come posso fare questo lavoro anche su IE? O_o

background-size:100%; 
-moz-background-size: auto 100%; 
-o-background-size: auto 100%; 

Answer 1

dal background-size è CSS3 specifica tua gonna devono usare qualcosa di simile per farlo funzionare in IE

impostare il codice HTML e il corpo per

html {overflow-y:hidden} 
body {overflow-y:auto} 

avvolgere l'immagine che desiderate fullscreened con un div # page-sfondo

#page-background {position:absolute; z-index:-1} 

poi mettere questo nel file HTML

<div id="page-background"> 
    <img src="/path/to/your/image" width="100%" height="100%"> 
</div> 

** si dovrà utilizzare una sorta di ripristino per eliminare i margini e padding, qualcosa di simile

html, body {height:100%; margin:0; padding:0;} 

Answer 2

background-size non è supportata in IE per le versioni under 9. Una soluzione cross-browser consiste nell'utilizzare un plug-in jQuery come fullscreenr.

Answer 3

ho creato jquery.backgroundSize.js: un plugin jQuery 1.5K che può essere usato come ripiego per IE8 "cover" e "contain" valori. Dai uno sguardo allo demo.