背景图像没有显示

Question

我正在尝试将使用标记出现在网站上的图像转换为背景图像.我的第一个代码看起来像这样

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;

}

现在我试图改变它:

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

除了图像没有出现!任何帮助将不胜感激,谢谢!

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

希望这可以帮助？