在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("…………");

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

 

 

结果示例截图

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM