Voglio un'immagine di sfondo adatta all'altezza del div, c'è un modo per farlo? background-size:cover; adatto solo alla larghezza e all'altezza scala automatica (ho bisogno dell'effetto opposto). Grazie.Immagine di sfondo CSS per adattarsi all'altezza, la larghezza dovrebbe ridimensionare automaticamente in proporzione
background-size: contain;
mi è comodo
Questo non funziona se l'immagine è più piccola dell'altezza del contenitore. @Ajikan risposta qui sotto funzionerà per questo ('' 'background-size: auto 100%;' '') –
cercano
.something {
background: url(images/bg.jpg) no-repeat center center fixed;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -100;
}
So che questa è una risposta vecchia, ma per gli altri alla ricerca di questo; nel CSS prova:
background-size: auto 100%;
Questo funziona perfettamente per me. specialmente nel mio caso quando voglio ridimensionare l'immagine di sfondo solo in base all'altezza. –
body.bg {
background-size: cover;
background-repeat: no-repeat;
min-height: 100vh;
background: white url(../images/bg-404.jpg) center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
Try This
body.bg {
\t background-size: cover;
\t background-repeat: no-repeat;
\t min-height: 100vh;
\t background: white url(http://lorempixel.com/output/city-q-c-1920-1080-7.jpg) center center no-repeat;
\t -webkit-background-size: cover;
\t -moz-background-size: cover;
\t -o-background-size: cover;
} \t
<body class="bg">
\t
</body>
Try background-size: 1% al 100%; –