पृष्ठभूमि-छवि नहीं दिखा रहा है

Question

मैं पृष्ठभूमि छवि में टैग का उपयोग कर साइट पर दिखाई देने वाली छवियों को बदलने की कोशिश कर रहा हूं। मेरा पहला कोड इस

HTML की तरह देखा:

<img class= "house" src="images/House-03.png" width="122px" height="118px"/> 

सीएसएस

.house { 
display:block; 
position:absolute; 
float:right; 
bottom:0; 
right:0; 

}

अब मैं इस तरह इसे बदलने के लिए कोशिश कर रहा हूँ:

एचटीएमएल

<p class= "house"> </p> 

सीएसएस

.house { 
    display:block; 
    position:absolute; 
    background-image:url(../images/House-03.png); 
    width:122px; 
    height:148px; 
    float:right; 
    bottom:0; 
    right:0; 
} 

छवि प्रकट नहीं होता है सिवाय! किसी भी मदद की सराहना की जाएगी, धन्यवाद!

Answer 1

कोशिश की स्थापना पृष्ठभूमि छवि आकार संपत्ति

.house { 
    display:block; 
    position:absolute; 
    background:url(../images/House-03.png); 
    background-repeat:no-repeat; 
    background-size: 100% 100%; 
    width:122px; 
    height:148px; 
    float:right; 
    bottom:0; 
    right:0; 
} 

आशा है कि यह मदद करता है?

Answer 2

अपनी छवि यूआरएल के आसपास डाल उद्धरण

background-image:url("../images/House-03.png"); 

अनुमानित समय नीचे टिप्पणी प्रति ... उद्धरण वास्तव में आवश्यक नहीं हैं! मूल प्रश्न की समस्या निवारण के लिए यहां बस इसका उल्लेख किया गया है।

Answer 3

सुनिश्चित करें कि आपकी छवि पहुंच योग्य है!

हताशा का एक बहुत बाद, यह पता चला कि मेरी समस्या छवि सुलभ नहीं होने के साथ करना था ... तुम हमेशा किसी अन्य वेबसाइट पर निश्चित रूप से पहुँचा जा सकता है पर एक और छवि के साथ अपने कोड का परीक्षण कर सकते हैं ...

Answer 4

मैं व्यक्तिगत रूप से पथनाम और यूआरएल वाक्यविन्यास सही था। केवल मुद्दा

background-img: url("") 

में परिवर्तित करने की आवश्यकता होगी, ..

background: url("") 

और मेरी पृष्ठभूमि पैटर्न ही विजयी होकर पता चला था।