在img的图片上添加文字

解决方法一：将img块与文字块放在同一个div中，然后设置他们之前的位置

1 <div style="position: relative;width: 160px;height:200px">
2    <div style="position: absolute;width: 160px;z-index: 2;left: 20px;top: 25px;>---添加文字----</div> 
3    <img src="http://yanxuan.nosdn.127.net/713daad73395a4f3d06f5dd07ed927d4.jpg" alt=""> 
4</div>

解决方法二：将image作为背景图片，即background-image:url("…………");

　在此可以控制背景图片的横向和纵向的平铺：
　　

 

 

结果示例截图