मैं पृष्ठभूमि छवि को div की ऊंचाई के साथ फिट करना चाहता हूं, ऐसा करने का एक तरीका है? background-size:cover; केवल चौड़ाई और ऊंचाई ऑटोस्केल के साथ फिट (मुझे विपरीत प्रभाव की आवश्यकता है)। धन्यवाद।ऊंचाई फिट करने के लिए सीएसएस पृष्ठभूमि छवि, चौड़ाई अनुपात में ऑटो-स्केल होना चाहिए
background-size: contain;
सूट मुझे
यह काम नहीं करता है अगर आपकी छवि कंटेनर की ऊंचाई से छोटी है। @Aikikan उत्तर नीचे उस के लिए काम करेगा ('' 'पृष्ठभूमि आकार: ऑटो 100%;' '') –
.something {
background: url(images/bg.jpg) no-repeat center center fixed;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -100;
}
मैं जानता हूँ कि यह एक पुरानी जवाब है, लेकिन इस के लिए खोज दूसरों के लिए कोशिश; अपने सीएसएस कोशिश में:
background-size: auto 100%;
यह मेरे लिए पूरी तरह से काम करता है। विशेष रूप से मेरे मामले में जब मैं पृष्ठभूमि छवि रखना चाहता हूं केवल ऊंचाई पर आधारित आकार बदलना चाहता हूं। –
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>
कोशिश पृष्ठभूमि का आकार: 1% 100%; –