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