首页 > 代码库 > 文字浮在图片上方
文字浮在图片上方
文字浮在图片上方普遍使用的有2种方法
方法一：将图片设为div的背景
HTML代码：
1 <div style="width: 200px;height: 50px;background: url(‘1.png‘);background-repeat: repeat;margin: 0 auto;">2 <p>文字浮在图片上方</p>3 </div>
效果图：
方法二：利用图层方法
HTML代码：
1 <div style="width: 200px;height: 50px;margin: 0 auto;position: relative;z-index: 1;">2 <img src="1.png" style="width: 200px;height: 50px">3 <p style="position: absolute;z-index: 2;left: 0;top: 0;">文字浮在图片上方</p>4 </div>
效果图：
-----------------
代码中的css代码粗糙，未加修饰！
文字浮在图片上方
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。