html 怎么把一张透明的图片覆盖在文字上面

发布网友 发布时间：2022-04-21 12:13

我来回答

共4个回答

热心网友 时间：2022-04-21 00:30

使用绝对定位就可以，使用gif图片，背景设置透明（PNG是标准文件，可惜IE6不支持），然后文字和图片都处在同一个位置就行了。使用css控制样式。

热心网友 时间：2022-04-21 01:48

<div class="top">
这是文字

<a href=""></a>

</div>
.top { position:relative; width:100px; height:30px; text-align:center; line-height:30px; }
.top a { position:absolute; left:0; top:0; display:block; width:100px; height:30px; background:url(**.gif) no-repeat; }
不明白的透明图覆盖在文字上，文字还是要显示的，为什么不作为文字的背景呢，那样会简单很多

热心网友 时间：2022-04-21 03:23

图片用绝对定位，放到文字上就可以了

热心网友 时间：2022-04-21 05:14

没懂 透明的图片覆盖上去不还是透明的？ 能再详细说说？