display、visibility、opacity之间的区别(分享)

display: none;visibility: hidden;opacity: 0;
页面中不存在存在存在
重绘不会
重排/回流不会不会
自身绑定事件不触发不触发可触发
transition不支持支持支持
子元素复原不能不能
被遮挡元素触发事件不影响不影响影响

说明:
子元素复原:父元素被隐藏,子元素设置显示的属性,子元素是可以显示的
被遮挡元素触发事件:就是隐藏之后,该元素背后的元素是否还可以正常触发事件,因为 opacity 只是变的透明,并没有真正意义上的隐藏,所以是会影响背后的元素的

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值