如何使背景图像使用div与h1内联

时间:2013-12-06 23:52:34

标签: css background

我堆叠以创建位于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 heading img1 img2

和标题文字以及两张图片均为中/中

但是我的代码上面的背景图片无法正常/显示......有人帮我吗?

1 个答案:

答案 0 :(得分:0)

您忘记了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;
}