css - 如何使背景图片与H1内联使用div

我堆叠以创建位于h1右侧的背景图像。

的HTML

<tbody>
  <tr>
    <td>
      <h1>
        <div class="img2"></div>
        IMAGE INLINE
        <div class="img1"></div>
        <div class="img2"></div>
      </h1>
    </td>
  </tr>
</tbody>

的CSS

.img1{
  background: url('http://www.sample.com/img1.png') left center no-repeat;
  width:23px;
  height:24px;
  position:relative;
}
.img2{
  background: url('http://www.sample.com/img2.png') left center no-repeat;
  width:23px;
  height:24px;
  position:relative;
}

所以输出将是


  img2标题img1 img2


和标题文字以及两个图片都位于中间/中间

但是在背景图片上方的我的代码上不起作用/出现...有人帮我吗？

最佳答案

您忘记了background-color语句中的background。尝试这个：

.img1{
  background: transparent url('http://www.sample.com/img1.png') left center no-repeat;
  width:23px;
  height:24px;
  position:relative;
}
.img2{
  background: transparent url('http://www.sample.com/img2.png') left center no-repeat;
  width:23px;
  height:24px;
  position:relative;
}