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

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

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

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

你可能感兴趣的:(元素设置position:fixed后怎样控制下面内容的位置)