暮夏丷
2019-06-15 10:33
采纳率: 80%
浏览 436
已采纳

在图片上添加的文字如何不随窗口变化位移?

在图片上添加一个联系方式,这个联系方式是要经常换的,所以不能直接P在图片上,我在图片上加一个文字,在电脑上显示正常,但是在手机上打开文字的位置就位移了。图片说明图片说明

<style>         
div{position:relative;}

h1{font-size:30px;color:#FFFFFF;position:absolute;top:5px;left:65%;}
</style>    
<body>
<div>           
<img src="style/images/1.jpg" tppabs="../picture/1.jpg" width="100%" />
<h1>1234567890</h1>
</div>
</body>
  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • 壹之形 2019-06-17 10:12
    已采纳

    文字的text布局设置为abosolute绝对布局,父容器设置为相对布局,这一文字就可以附着在上面了,希望对你有所帮助

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题