immagine tutto schermo mantenendo le proporzioni vari monitor

[Tristal]

Salve a tutti! Sto cercando di inserire una immagine di sfondo per il mio sito, cercando di non farla tagliare in base alle diverse dimensioni del monitor, vorrei mantenesse i margini dell'immagine originale... qualcuno sa aiutarmi?


ecco l'esempio

http://www.ebol.it/test/prova3/default.html

su un monitor grande si vede l'immagine al completo...su un monitor piccolino la taglia in basso..

[Ottyteo]

<style type="text/css">
html, body {height:100%; margin:0; padding:0;}
#page-background { top:0; left:0; width:100%; height:100%; background-repeat: no-repeat; background-color:black; background-image: url(files/back.png); background-size:100%;}
</style>

Dovrebbe funzionare, mettilo all'inizio del BODY

[mrseo88]

prova cosi:

background-img:url(images/immagine.jpg);
background-repeat:no-repeat; 
background-position: center; 
-webkit-background-size:cover; 	
-moz-background-size: cover; 	
-o-background-size: cover; 	
background-size:cover; 	 	
position:relative; 	z-index:1;