不透明度:0与可见性具有完全相同的效果:隐藏

如果是这样,它是否有效地弃用了visibility财产？

(我意识到Internet Explorer还不支持这个CSS2属性.)
布局引擎的比较

另请参见:visibility:hidden和display:none之间的区别

1> Chris Noe..：

---

以下是各种答案中经过验证的信息汇编.

这些CSS属性中的每一个实际上都是唯一的.除了渲染元素不可见外,它们还具有以下附加效果:

折叠元素通常占用的空间

响应事件(例如,点击,按键)

参与taborder

                     collapse events taborder
opacity: 0              No     Yes     Yes
visibility: hidden      No     No      No
visibility: collapse    *      No      No
display: none          Yes     No      No

* Yes inside a table element, otherwise No.

---

@ChrisNoe:谢谢你的总结.您可能想要添加的一件事:我刚刚研究了如何使父节点不可见但子节点仍然可见,结果:**没有可见的子节点:**`opacity:0`或`display:none`,**但**如果您使用`visibility:hidden`**,您可以通过`visibility:visible`让孩子看得见**

---

此外,使用"opacity:0"渲染Flash对象,并触发sprite的构造函数,但不会显示"visibility:hidden".

2> Kornel..：

---

没有.

不透明度的元素会创建新的堆叠上下文.

此外,CSS规范没有定义这个,但是元素opacity:0是可点击的,而元素visibility:hidden则不是.

3> Nishant..：

---

不,不是的.有一个很大的不同.它们是相似的,因为如果隐藏可见性或不透明度为0,您可以透视该元素

不透明度:0 :您无法单击其后面的元素.

visibility:hidden:你可以点击它背后的元素.

---

这是一个答案"不透明度:0与可见性具有完全相同的效果:隐藏吗？"....虽然不是很明显吗？