Question

html文字css固定如何固定文字在某张图片上而随屏幕分辨率不同文字不走

html文字css固定如何固定文字在某张图片上而随屏幕分辨率不同文字不走位

Answer 1

设置一个div的postion为relative，并将图片设为这个div的背景图，再把文字<p>写入div中，并且将p的postion设为absolute
<div>
<p>文字</p>
</div>
<style>
div {
postion: relative;
background: url(图片路径) no-repeat;
}
p { postion: absolute;}
</style>
这样，文字就会固定在图片上了，当然也可以不用设置成背景图片
<div>
<img src="图片路径">
<p>文字</p>
</div>
<style>
img { postion: relative; }
p { postion: absolute;}
</style>