前端面试题(19)—— 分析比较opacity:0、visibility:hidden、display:none优劣和适用场景


  • opacity:0 不占空间,不能点击,会引起回流,子元素不影响;
  • visibility:hidden 占据空间,不能点击,引起重绘,子元素可设置visible进行显示;
  • display:none 占据空间,可以点击,引起重绘,子元素不影响。