opacity、display 和 visibility 的区别是什么？
- 含义与作用
- opacity：用于设置元素的透明度，取值范围从 0 到 1，0 表示完全透明（不可见），1 表示完全不透明。它会使元素及其内容包括子元素都按照指定的透明度进行显示，改变的是视觉上的透明程度。
- display：用于规定元素应该生成的框的类型，它决定了元素是否显示以及如何显示，比如设置为
block会使元素以块级元素显示，inline使其以行内元素显示，none则使元素完全不显示，在文档流中也不占据空间。 - visibility：用于指定元素是否可见，取值有
visible（可见）、hidden（隐藏）等。当设置为hidden时，元素不可见，但仍会在文档流中占据空间。
- 对布局的影响
- opacity：改变透明度不会影响元素在文档流中的位置和布局&#
