div大小变化时,怎么让内容和背景图片的相对位置不变

  • 回答数

    3

  • 浏览数

    8213

  • 关注者

    30

div大小变化时,怎么让内容和背景图片的相对位置不变

  • 回答数

    3

  • 浏览数

    8213

  • 关注者

    30

3个回答

因为设置了 background-size: cover;背景图变化很不规律,试了很多方法都不行,只能把背景图和前景图切成一样大小的,而且B也只能用A的样式去写。不过这样切出的B图的文件变大
<div style="background:url(bg.jpg) no-repeat; background-size:cover; width:100%; height:100%; position:relative;">
<div style="background:url(im.png) no-repeat; width:100%; height:100%; background-size:cover; position:absolute; top:0; left:0;">

</div>
</div>
取消 评论
设置准确宽度呗
想自适应就这是百分比
取消 评论
简单点就是布局设置宽度的时候,用百分百设置。但这样还是很容易出问题(内容溢出,内容移位)。最好就是用响应式布局,专门针对各个分辨率进行设计css。
取消 评论
收起>
  • 主要参数
  • 产品评分
  • 网友评价

参考价:

详细参数>>

ZOL问答 > 笔记本 > 屏幕 > div大小变化时,怎么让内容和背景图片的相对位置不变

举报

感谢您为社区的和谐贡献力量请选择举报类型

举报成功

经过核实后将会做出处理
感谢您为社区和谐做出贡献

提示

确定要取消此次报名,退出该活动?