Ho un'immagine fisica su una pagina ..img si comporta come un img di sfondo?
<img src="image.png" alt="image-name" />
voglio che si comporti come se fosse l'immagine di sfondo del corpo però ..
body{
background: url(image.png) no-repeat center top;
}
cioè centrato senza il browser vederlo, quindi nessuna barra di scorrimento se è più ampia del browser, ecc?
È possibile?
È position: fixed; z-index: -5000 quello che vuoi?
position: fixed rendere l'immagine sempre fissa su una determinata posizione sul browser indipendentemente dal contenuto.
z-index: -5000 appena messo l'immagine dietro tutto
Per rendere più centrato Penso che è necessario conoscere la dimensione dell'immagine in anticipo. Se lo fai, aggiungi
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -250px;
Dove 100 corrisponde alla metà dell'immagine e 250 corrisponde alla metà della larghezza dell'immagine. Tratto da Center a position:fixed element
Sì, è possibile, probabilmente hanno a che fare qualcosa di simile:
CSS
#your-image {
position: absolute;
z-index:1;
}
#container {
position: relative;
z-index: 2;
}
HTML
<body>
<img id="your-image src="" alt="">
<div id="container">
<!-- All your content goes there -->
</div>
</body>
Se cambi "z-index: 1" in "z-index: -5000", funziona davvero! :) grazie! :) – StepUp
Il modo corretto per usarlo è:
body { background-image:url(image.png) no-repeat center top;}
l'immagine è sempre centrata? – luiges90