我堆叠以创建位于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
和标题文字以及两张图片均为中/中
但是我的代码上面的背景图片无法正常/显示......有人帮我吗?
答案 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;
}