css文字浮在图片上

 

css文字浮在图片上

 

 

两种办法： 
1.把这张图片做为层的背景background:url(图片路径) 
2.用绝对定位来把层定位到图片上，绝对定位语法：position:absolute;top:坐标;right:坐标;bottom:坐标;left:坐标

<div style= "position:relative "> 
<div style= "position:absolute; left:0; top:0; color:#fff; font-weight:bold "> 图片文字 </div> 
<img src= "http://zi.csdn.net/2007.06/now120x60.gif "> </img> 
</div>

 

注：近期因为在项目中要应用到CSS文字浮在图片之上，本来应该是美工人员做的事，但正好美工又抽不出空来，只好自己在网上找一个，感谢网上分享者！ 记载于此，以做备录。