Arka plan resmi gösterilmiyor

Question

Sitede görünen görüntüleri arka plan görüntüsünde çevirmeye çalışıyorum. Ben böyle değiştirmeye çalışıyorum

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

CSS

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

} Şimdi

:

Html

MY ilk kod bu

Html benziyordu

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

CSS görünmüyor resmin dışında

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

! Herhangi bir yardım takdir edilecektir, Teşekkürler! Resim url etrafında

Answer 1

deneyin ayarı arka plan görüntü boyutu mülkiyet

.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; 
} 

bu yardımcı umut?

Answer 2

koymak tırnak

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

ETA: Aşağıdaki yorum başına ... tırnak gerçekten gerekli değildir! Sadece orijinal soruyla ilgili sorunu gidermek için burada bahsetti.

Answer 3

Görüntünüzün erişilebilir olduğundan emin olun!

hayal kırıklığı bir çok sonra, ...

Hep kesinlikle erişilebilen başka sitede başka görüntü ile kodunuzu test edebilirsiniz ... benim sorunum görüntü erişilebilir değil varlık ile yapmak zorunda olduğu ortaya çıktı

Answer 4

Kişisel olarak yol adı ve URL sözdizimi doğruydu. Tek sorun

background-img: url("") 

..

background: url("") 

için değiştirilmesi gerekenlerin Ve arka plan deseni muzaffer kendini açığa oldu.