直接看代码:
使用:
position:relative; 生成相对定位的元素,相对于其正常位置进行定位
position:absolute; 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
<div class="banner"> <img src="地址" alt="..."> <p>输入文字</p> </div> <style> .banner{position:relative;left:0;top:0;} //对父级元素使用position: relative; p{position:absolute;left:10%;top:20%;} //里面的定位元素使用position: absolute </style>
这样就可以在图片上任意位置输出自己想要的文字
转载联系作者并注明出处:https://www.focusonseo.cn/cassas/44.html