使用css屬性「可見性」安全嗎？

Question

使用css屬性「可見性」安全嗎？它可以在所有主流瀏覽器中運行嗎？

Answer 1

根據W3Schools它支持所有主流瀏覽器。

請考慮一下，如果您實際上正在使用visibility，因爲元素仍會佔用頁面上的空間（它會顯示爲空白）。如果您希望它看起來好像該元素不在頁面上，那麼請考慮使用display:none來代替。

Answer 2

是的，它會根據http://www.w3schools.com/css/pr_class_visibility.asp是在所有瀏覽器

Answer 3

工作：在所有的主流瀏覽器支持

visibility屬性。

Answer 4

所有主流瀏覽器都支持visibility屬性。

注意：沒有任何版本的Internet Explorer（包括IE8）支持屬性值「inherit」或「collapse」。

Answer 5

visibility效果不錯，但opacity需要一些解決方法。值得注意的是，IE8和以下（不知道IE9）不支持它，但他們確實支持filter做同樣的事情。

Answer 6

是的，你應該罰款：

http://www.w3schools.com/CSS/pr_class_visibility.asp

Answer 7

按照Mozilla Developer Network，它具有以下瀏覽器支持：

╔════════════════╦═════════════╗═══════════════════╗══════════╗════════════╗ 
║  Chrome  ║ Firefox ║ Internet Explorer ║ Opera ║ Safari ║ 
╠════════════════╬═════════════╣═══════════════════╣══════════╣════════════╣ 
║  1.0  ║  1.0  ║  4.0   ║ 4.0 ║  1.0 ║ 
║    ║    ║     ║   ║   ║ 
╚════════════════╩═════════════╩═══════════════════╩══════════╩════════════╝ 

但下列情況除外（對於表）：

支持可見性：崩潰表格元素上的各不相同。 Chrome瀏覽器和 Safari會像隱藏一樣摺疊，留下白色縫隙;它們僅支持 它只在<tr>,<thead>,<tbody>和<tfoot>上，但不支持<col>和 <colgroup>元素。當隱藏<col> 和<colgroup>元素時，Firefox不會隱藏邊界if border-collapse：摺疊已設置。在Opera中， 它適用於表格元素，但如果 與可見的<tbody>相鄰，似乎不會隱藏<tfoot>。