元素设置position:fixed后怎样控制下面内容的位置

  • 废话不多说,直接说问题写想法:
  • div盒子为了设置固定到页面中某一部分,需要设置position:fixed后固定到页面的某一部分,但是固定定位以后脱离了文档流,页面中底下部分就会覆盖上去,但现在只想在滚动的时候才覆盖上面固定的部分,怎么办呢?
  • 解决方法:
    • 给设置固定定位的元素(position:fixed)设置层级:z-index:-1;
    • 在固定定位元素的同级下再设置一个div盒子,然后给该盒子设置高度和宽度和上述固定定位的盒子一样。
    • 这样就既可以滚动页面,也可以看到下面的元素设置的背景色等信息了不会被遮挡。
  • 赶紧试一下。如果路过的大牛有别的方式,欢迎留言哦!!谢啦

转载于:https://my.oschina.net/yxmBetter/blog/919586

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值