display:none;和visible:hidden;和opicaty:0;异同

直接写结论

作用：都能让页面元素消失不可见

类型	display:none;	visible:hidden;	opacity:0;
占位	内容单元格 第一列第一格	内容单元格第二列第一格	123
回流/重绘	回流重绘	重绘	重绘
子节点继承/修改	不继承不可修改	继承可修改	继承不可修改
事件	不触发	不触发	触发
transition	无效	无效	有效

具体代码以后再补充，可以自己先尝试测试一下。