zhangnan35

  这三种方法分别是:display:none、visibility:hidden、opacity:0;

  display:none   元素在页面上将消失,不占据页面空间,会导致浏览器的回流与重绘,不能响应交互类事件;

  visibility:hidden   元素在页面占据的空间不变,所以它只会导致浏览器重绘而不会回流,也不能响应交互类事件;

  opacity:0    元素在页面占据的空间不变,不会导致浏览器回流或重绘(因为浏览器对于transform和opacity这两种变化处理的方法为合成渲染),可以响应交互类事件。

分类:

技术点:

相关文章:

  • 2021-12-26
  • 2020-05-22
  • 2020-05-31
  • 2021-12-28
  • 2021-12-26
  • 2021-10-27
  • 2022-01-01
  • 2021-09-17
猜你喜欢
  • 2021-12-04
  • 2019-03-27
  • 2021-09-17
  • 2021-12-26
  • 2021-12-26
  • 2021-09-17
  • 2021-09-17
相关资源
相似解决方案