एक उत्तरदायी साइट में किसी अनुभाग के लिए पृष्ठभूमि छवि

Question

प्रदर्शित नहीं कर रही है मूल रूप से मैं पहली बार HTML5 में एक उत्तरदायी साइट बना रहा हूं और कहने के लिए कि मुझे बहुत परेशानी हो रही है, एक कथन होगा। वैसे भी इस मुद्दे पर फंसे मुद्दों में से एक यह है कि मैं यह नहीं समझ सकता कि मुझे एक बैनर सेक्शन के लिए एक छवि को कैसे प्राप्त करना है!

यह वही है im हासिल करने की कोशिश है:

लेकिन मैं नहीं कर सकते यह इनलाइन डाल जो मुझे नहीं करना चाहते हैं के रूप में यह संवेदनशील होने की जरूरत है बिना प्रदर्शित करने के लिए लहर छवि प्राप्त !?

यहाँ अब तक मेरी html कोड है:

<header> 
    <h1></h1><!-- Logo --> 

     <nav> 
      <ul> 
       <li><a href="#">HOME</a></li> 
       <li><a href="#">HOW IT WORKS</a></li> 
       <li><a href="#">OUR CUSTOMERS</a></li> 
       <li><a href="#">PRICING</a></li> 
       <li><a href="#">PARTNERS</a></li> 
      </ul> 
     </nav> 
</header><!-- End of header --> 

<section class="container"> 
    <h2 class="hidden">Lorem Ipsum</h2> 
     <div class="banner"> 

     </div> 

</section><!-- End of slider content --> 

और यहाँ सीएसएस है:

.container { 
width:auto; 
margin: 0 auto; 
position:relative; 
} 

.banner { 
background-image: url(../img/banner-lg.jpg); 
background-repeat: no-repeat; 
background-position: center center; 
background-attachment: fixed; 

} 

किसी को भी किसी भी इनपुट वे मदद कर सकता है यह वास्तव में सराहना की जाएगी लगता है कि है! मैं वास्तव में समझ में नहीं आता कि सीएसएस में सेट होने के बाद पृष्ठभूमि छवि क्यों दिखाई नहीं दे रही है! जब मेरे पास एक स्लाइडर था, तो यह ठीक काम करता था लेकिन जैसे ही मैंने स्लाइडर को हटा दिया और एक स्थिर छवि के लिए चला गया, यह अब दिखाई नहीं देता है>

Answer 1

इसे HTML फ़ाइल में उपयोग करें।

<style type="text/css"> 
    body{ 
     background:url("image.jpg"); 
     background-size: cover;  /* For flexibility */ 
     } 
</style> 

नोट: मुख्य फ़ोल्डर में छवि को छवि फ़ोल्डर में नहीं रखें।

Answer 2

आपकी बैनर कक्षा में चौड़ाई और ऊंचाई की कमी लगती है, इसलिए यह गिर सकता है। क्या आप अपने ब्राउज़र के डेवलपर कंसोल में सत्यापित कर सकते हैं?

Answer 3

यह पोस्ट पुराना हो सकता है, लेकिन यहां जवाब देने के लिए यहां आने वाले लोगों का उत्तर दिया गया है।

सीएसएस शैली बात में .banner निम्न पंक्तियां जोड़ें

height: 100%; 
width: 100%; 

तो आप कस्टम चाहते चौड़ाई आप प्रतिशत के साथ खेल सकते हैं, लेकिन अगर आप PX में एक विशिष्ट चौड़ाई और ऊंचाई चाहते आप कर सकते हैं

height: 500px; 
width: 1000px; 

अपनी वांछित चौड़ाई और ऊंचाई पर चौड़ाई और ऊंचाई बदलें।