zoukankan      html  css  js  c++  java
  • display: none;、visibility: hidden、opacity=0区别总结

    display: none;

    1、浏览器不会生成属性为display: none;的元素。 
    2、display: none;不占据空间(毕竟都不熏染啦),所以动态改变此属性时会引起重排。 
    3、display: none;不会被子类继承,但是···子类是不会显示的,毕竟都一起被kill啦。 
    4、display,是个尴尬的属性,transition对她无效。(毫无争议)


    visibility: hidden;

    1、元素会被隐藏,但是不会消失,依然占据空间。 
    2、visibility: hidden会被子类继承,子类也可以通过显示的设置visibility: visible;来反隐藏。 
    3、visibility: hidden;不会触发该元素已经绑定的事件。 
    4、visibility: hidden;动态修改此属性会引起重绘。 
    5、visibility,transition对她无效。(亲测)


    opacity=0

    1、opacity=0只是透明度为100%,元素隐藏,依然占据空间。 
    2、opacity=0会被子元素继承,且,子元素并不能通过opacity=1,进行反隐藏。不能。 
    3、opacity=0的元素依然能触发已经绑定的事件。 
    4、opacity,transition对她有效(毫无争议)

    摘自:http://blog.csdn.net/WRian_Ban/article/details/51958195

  • 相关阅读:
    linux 下查看目录所占用空间大小 du命令功能
    nginx 的启动 停止和重启
    excel vba
    过程中遇到的问题
    Java python BDA文件上传下载项目遇到的问题
    java login小方法集合
    python 初学
    python 从0学起
    python交互的几种方式
    模块与包概念与调用
  • 原文地址:https://www.cnblogs.com/MY0101/p/6406766.html
Copyright © 2011-2022 走看看