【面试】使元素隐藏的几种方式

1. display:none

从文档流中消失

2. visibility: hidden

只是不显示,但是仍位于文档流中

3. opacity: 0

兼容问题: filter: opacity(0) 

filter的其他功能:滤镜。修改背景图片的渲染。

4. z-index:-9999

xxx {
    position: absolute;
    z-index: -9999
}

5. top: -9999

xxx {
    position: absolute;
    top: -9999;
    left: -9999
}

 

posted @ 2020-03-12 00:03  Lyra李  阅读(209)  评论(0编辑  收藏  举报