css隐藏元素除了display:none外有哪几种方法?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

css隐藏元素除了display:none外有哪几种方法?

a123456678 2016-05-27 11:28:18 1587

css隐藏元素除了display:none外有哪几种方法?这几种方法有什么区别?

前端开发
分享到
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:17:31

    height: 0;
    相对于 display 来说适用范围太窄,但是好处是能使用 CSS3 动画。
    opacity: 0;
    严格来说这个并不是隐藏,透明之后它还占据着页面位置,所以在重排的时候还是会被计算消耗性能。
    visibility: hidden
    和 opacity 差不多,也会占据位置,不过不会响应点击事件。
    position: absolute; left: -9999px
    通过移出可见区域来达到隐藏,效果还可以,就是看着比较恶心。
    目前 display 除了不能加入 CSS3 动画豪华大餐之外,基本效果卓越,没什么让人诟病的地方。

    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程