[解決済み] opacity:0はvisibility:hiddenと全く同じ効果を持つか？

質問

もしそうなら、それは効果的に visibility プロパティは廃止されるのでしょうか？

(Internet Explorer はこの CSS2 プロパティをまだサポートしていないと認識しています)。

レイアウトエンジンの比較

こちらもご覧ください。visibility:hiddenとdisplay:noneの違いは何ですか？

どのように解決するのですか？

様々な回答から検証された情報をまとめてみました。

これらの CSS プロパティはそれぞれユニークです。要素を表示しないようにすることに加えて、それらは次のような追加的な効果を持っています。

1. 折りたたみ その要素が通常占めるはずの空間
2. に対応します。 イベント (例: クリック、キープレス)
3. に参加します。 タブ線

                     折りたたみイベントtaborder
opacity: 0 No Yes Yes
visibility: hidden No No
visibility: 折り畳み Yes* No No
表示: なし Yes No No

* table要素内ではYes、それ以外はNo。