通过CSS+DIV怎么将文字写在图片上方
3 回答
宝慕林4294392
TA贡献2021条经验 获得超8个赞
第一种方法、添加一个DIV，采用绝对定位，图片所属DIV为基准。
参考代码如下：
1 2 3 4 5 6 | <div style="position:relative;width:100px;height:100px;"> <img src="" alt="" /> <div style="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;"> 文字 </div> </div> |
第二种方法、图片作为背景图片。
参考代码如下：
1 2 3 | <div style="background:url(abc.jpg) no-repeat left top;"> wenzi </div> |
梵蒂冈之花
TA贡献1900条经验 获得超5个赞
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 119px;
top: 14px;
}
-->
</style>
</head>
<body>
<div>此处显示新 Div 标签的内容
<div id="apDiv1">asdfasdf</div>
</div>
</body>
</html>
- 3 回答
- 0 关注
- 6227 浏览
添加回答
举报
0/150
提交
取消