直接写结论
作用：都能让页面元素消失不可见
| 类型 | display:none; | visible:hidden; | opacity:0; |
|---|---|---|---|
| 占位 | 内容单元格 第一列第一格 | 内容单元格第二列第一格 | 123 |
| 回流/重绘 | 回流重绘 | 重绘 | 重绘 |
| 子节点继承/修改 | 不继承不可修改 | 继承可修改 | 继承不可修改 |
| 事件 | 不触发 | 不触发 | 触发 |
| transition | 无效 | 无效 | 有效 |
具体代码以后再补充，可以自己先尝试测试一下。
直接写结论
作用：都能让页面元素消失不可见
| 类型 | display:none; | visible:hidden; | opacity:0; |
|---|---|---|---|
| 占位 | 内容单元格 第一列第一格 | 内容单元格第二列第一格 | 123 |
| 回流/重绘 | 回流重绘 | 重绘 | 重绘 |
| 子节点继承/修改 | 不继承不可修改 | 继承可修改 | 继承不可修改 |
| 事件 | 不触发 | 不触发 | 触发 |
| transition | 无效 | 无效 | 有效 |
具体代码以后再补充，可以自己先尝试测试一下。
直接写结论 作用：都能让页面元素消失不可见 具体代码以后再补充，可以自己先尝试测试一下。
display:none和visible:hidden都能把网页上某个元素隐藏起来，但两者有区别: display...
同：两者都是将元素隐藏，在页面上看不见； 异： 对于visible:hidden，虽然元素被隐藏，但仍然占据空间，...
display:none和visible:hidden两者的作用都是把网页上某个元素隐藏起来。 看不见摸不着（消失...
它们都可以隐藏元素，但是display:none不占位置，visible:hidden隐藏后元素位置留白。disp...
visibility:hidden;---隐藏并占位 visible--默认值，可见display:none;-...
display:none和visibility:hidden的区别？ display:none 隐藏对应的元素，...
html世界存在三位身怀隐藏绝技的剑客，分别是display：none、visibility: hidden和op...
一：display:none和visibility:hidden的区别？ display:none 隐藏对应的元素...
css相关问题 1. display:none和visbility:hidden区别 display:none 隐...
本文标题：display:none;和visible:hidden;和op
本文链接：https://www.haomeiwen.com/subject/lxgenqtx.html
网友评论