CSS 隐藏页面上的一个元素有哪几种方法？

display:none，visibility:hiden，opacity:0 这三种；

1. 设置 fixed 并设置足够大负距离的 left top 使其“隐藏”；
2. 用层叠关系 z-index 把元素叠在最底下使其“隐藏”；
3. 用 text-indent:-9999px 使其文字隐藏。

还有
Position，Clip-path

Position

将元素的 top 和 left 设置成足够大的负数，使它在屏幕上不可见。

.hide{
    
    
position:absolute;
top:-9999px;
left:-9999px;
}

Clip-path

隐藏元素的另一种方法是通过剪裁它们来实现。
剪裁区大小为零，这意味着用户将不能与隐藏的元素直接交互。

.hide {
    
    
clip-path: polygon(0px 0px,0px 0px,0px 0px,0px 0px);
}

opacity:0、visibility:hidden、display:none优劣和适用场景可以看看：https://blog.csdn.net/Menqq/article/details/114873577

拜