背景图片不显示在span标签中

Question

我有当前的情况。我设置了span的宽度，图像仍未显示。

<header>
        <img src="img/hamburger_menu.jpg" alt="hamburger menu">
        <span>PHOTOSTORY</span>
        <span>780-978-5975</span>
</header>
header span:nth-child(3){
margin-left:322px;
background-image: url("img/phone_bg.jpg") no-repeat top left;
height:38px;
width:204px;
}

Answer 1

如果声明背景图像，则无法设置属性“不重复左上角”。在background-image中，您必须只设置指向图片的链接。 对于重复属性使用background-repeat和“左上角”使用background-position。 我建议使用快捷方式background: url("img/phone_bg.jpg") no-repeat top left;