CSS中有哪几种方式能隐藏页面元素(8种)

    科技2022-07-21  115

    1.opacity:0 元素的透明度化为零,隐藏,占据空间,可以交互

    2.visibility:hiden 隐藏,占据空间,不可以交互

    3.overflow:hiden 隐藏元素溢出的部分,占据空间,不可以交互

    4.display:none 彻底隐藏,元素从文档流中消失,不占据空间,不可以交互,不影响布局

    5.z-index:-9999 将层级放到底部,被覆盖,看起来隐藏

    6.transform:scale(0,0) 平面转换,将元素缩放为0,占据空间,不可以交互

    7.通过绝对定位把元素移到可视区域外

    8.用clip-path进行裁剪

    Processed: 0.016, SQL: 8