पूर्ण-चौड़ाई पृष्ठभूमि छवि सीमित ऊंचाई

Question

मैं एक पूर्ण स्क्रीन पृष्ठभूमि छवि है, लेकिन केवल चौड़ाई, ऊंचाई नहीं प्राप्त करना चाहते हैं, here

मैं चारों ओर background-size:cover; साथ खेल रहा है, लेकिन है कि पूरे पेज को शामिल किया गया है जैसे - और मैं सिर्फ एक निश्चित ऊंचाई को कवर करना चाहता हूं।

Answer 1

आपके द्वारा उल्लिखित साइट सिर्फ एक मानक पृष्ठभूमि-छवि का उपयोग कर रहा है जिसमें एक निश्चित height और width: 100% है।

उदाहरण के लिए साइट पर आप का उल्लेख उपयोग करता है:

header { 
    height: 460px; 
    margin-top: -69px; 
    overflow: hidden; 
    padding: 0px; 
    width: 100%; 
} 

सूचना कोड ब्लॉक में ऊंचाई, background-image: cover बस पृष्ठभूमि छवि पैमाने पर अंतरिक्ष फिट करने के लिए इसका मतलब है।

Answer 2

तो मैंने पाया कि मैं क्या देख रहा था:

सीएसएस:

#header-wrapper{ 
    top: 0; 
    left: 0; 
    height: auto; 
    position: absolute; 
    width: 100%; 
} 

HTML:

<div id="header-wrapper"> 
    <img src="image.jpg" width="100%" style="border-bottom:1px solid black;"> 
</div> 

सभी मदद के लिए धन्यवाद!

Answer 3

कैसे background-size: 100% 80% (उदाहरण के लिए)।
आप दूसरी मान बदल सकते हैं, जो ऊंचाई है।

यहां एक fiddle है।