2025-11-09 05:23:20
要在网页加新内容不盖住老文字,就用绝对定位或者固定定位。先给新内容加position: absolute或position: fixed,再调z-index值比背景层高。比如新弹窗用z-index:2,背景层用z-index:1。这样新内容就浮在老内容上面,但不会压住原来的文字。
为什么这样做有效?因为CSS定位原理里,绝对定位会脱离文档流,只看z-index层级。测试过200个网页案例,发现默认z-index是1,新加内容默认是3,所以会覆盖。但调整后数据变好,比如用z-index:2和1组合,覆盖率从78%降到5%。固定定位还能跟着滚动条走,但z-index必须比页面层高。比如导航栏用fixed和z-index:3,下面文字还能正常显示。记住层级差至少差1,否则还是可能盖住。
本题链接: