直接写结论
作用:都能让页面元素消失不可见
类型 | display:none; | visible:hidden; | opacity:0; |
---|---|---|---|
占位 | 内容单元格 第一列第一格 | 内容单元格第二列第一格 | 123 |
回流/重绘 | 回流重绘 | 重绘 | 重绘 |
子节点继承/修改 | 不继承不可修改 | 继承可修改 | 继承不可修改 |
事件 | 不触发 | 不触发 | 触发 |
transition | 无效 | 无效 | 有效 |
具体代码以后再补充,可以自己先尝试测试一下。
直接写结论
作用:都能让页面元素消失不可见
类型 | display:none; | visible:hidden; | opacity:0; |
---|---|---|---|
占位 | 内容单元格 第一列第一格 | 内容单元格第二列第一格 | 123 |
回流/重绘 | 回流重绘 | 重绘 | 重绘 |
子节点继承/修改 | 不继承不可修改 | 继承可修改 | 继承不可修改 |
事件 | 不触发 | 不触发 | 触发 |
transition | 无效 | 无效 | 有效 |
具体代码以后再补充,可以自己先尝试测试一下。