Background-image not showing

background, background-image, css, html

Solution

try setting the background image size property

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

hope this helps?

Problem

I am trying to turn images that appear on the site using the tag into a background image. MY first code looked like this Html: ``` <img class= "house" src="images/House-03.png" width="122px" height="118px"/> ``` CSS ``` .house { display:block; position:absolute; float:right; bottom:0; right:0; ``` } Now I'm trying to change it like this: Html ``` <p class= "house"> </p> ``` CSS ``` .house { display:block; position:absolute; background-image:url(../images/House-03.png); width:122px; height:148px; float:right; bottom:0; right:0; } ``` Except the image doesn't appear! Any help will be appreciated, Thanks!

Original source