第一种方法、添加一个DIV,采用绝对定位,图片所属DIV为基准。
参考代码如下:
1
2
3
4
5
6
<div style="position:relativewidth:100pxheight:100px">
<img src="" alt="" />
<div style="position:absolutewidth:100pxheight:100pxz-indent:2left:0top:0">
文字
</div>
</div>
第二种方法、图片作为背景图片。
参考代码如下:
1
2
3
<div style="background:url(abc.jpg) no-repeat left top">
文字
</div>
css3背景图片只有加了边框才会显示CSS3中的背景图片可以通过设置边框来显示,也可以通过设置宽度和高度来显示。
例如:
.my-image {
background-image: url(image.jpg)
border: 1px solid #000
width: 300px
height: 200px
}