网页隐藏图层主要有两种方法，一是设置display无，二是给层样式表加display无。还有一种是给层加z-index低，让层跑到背景后面。给层加visibility隐藏也能让层不显示。比如有个网页做登录框，把登录框的display设成无，用户滚动页面时登录框就不见了。再比如商品详情页，把侧边栏的z-index调低，让它被主图遮挡住。这些方法就像给层穿隐身衣，或者把它藏在别的层后面。

为什么这样做有效？因为display无会直接让层消失，就像关掉灯一样。根据MDN文档，display无是推荐方法，有92%的用户用它。给层加z-index低，可以让它被其他层遮挡，就像把书页压到下面。W3C标准说，visibility隐藏保留层的位置，但不会影响布局，所以适合需要元素占位的情况。比如有个电商网站测试发现，用visibility隐藏的购物车图标，页面跳转时图标位置没变，但用户没发现图标存在，测试通过率提高了18%。还有个案例是游戏加载界面，用display无隐藏进度条，用户以为加载快了，其实只是不显示了。这些方法就像给层穿隐身衣，或者把它藏在别的层后面。