如图所示，有时候我们想在图片上显示一些文字，用代码怎么实现呢？
一、image 作为背景图片，即：background:url(“…….”);
例如如下代码块：
<div style="background:url('loading.gif') no-repeat;
width:100px;height:50px">添加文字...添加文字...添加文字...
</div>二、将img块与文字块（文字块采用span标签显示）放在同一个div 中，然后设置它们之间的位置。
例如如下代码块：
<div style="position: relative;
width: 170px; height: 89px;">
<img src="loading.gif" width="170" height="89" alt="">
<span style="position: absolute; top: 0; left: 0;">
添加文字...添加文字...添加文字...</span>
</div>三、将img块与文字块（文本块存放在div中）放在同一个div 中，然后设置他们之间的位置。
例如如下代码块：
<div style="position:relative;">
<img src="loading.gif" />
<div style="position:absolute;
z-index:2; left:10px; top:10px">
添加文字...添加文字...添加文字...
</div>
</div>如果想限制img 标签的最大宽高，可以用 max-width 和 max-height 这两个属性，如下代码：
<img src="......"
style="max-width:100px;
max-height:100px" />声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。