IE8 - CSS可見性：崩潰 - 不起作用？

在IE8中，css可見性風格「崩潰」是否工作？IE8 - CSS可見性：崩潰 - 不起作用？

我問這個的原因是因爲我有一個div，我試圖崩潰。當我發佈我的網站時，div保持可見而不是被摺疊。但是，當我將其更改爲「隱藏」時，div就隱藏起來了。

我不只是使用Hidden而不是Collapse的原因是因爲我不想在我的頁面上留下巨大的空白。

2010-12-13 Johnrad

你是問還是告訴？其實，你在問什麼？ – Patrick 2010-12-13 16:44:57

您是否嘗試過'collapse'而不是'collapsed'？準確地說是 – 2010-12-13 16:45:04

display: none;

？

2010-12-13 16:39:25 PeeHaa

。如果OP想知道，崩潰只適用於表格元素，並且IE8不支持。見http://www.w3schools.com/css/pr_class_visibility.asp – esvendsen 2010-12-13 16:43:42

非常感謝你 – Johnrad 2010-12-13 16:44:19

不客氣的隊友。 – PeeHaa 2010-12-13 16:48:09

visibility: collapse;僅用於表格元素。在<div>上使用visibility: hidden s。

您還會注意到，網頁上說明：

注：沒有Internet Explorer的版本（包括IE8）都不支持屬性值「繼承」或「坍方」。

2010-12-13 16:42:13

我意識到...我只是在我的問題中輸入錯誤。 – Johnrad 2010-12-13 16:43:33

可見性：隱藏不能使用。因爲它只會隱藏元素而不是元素空間。 – PeeHaa 2010-12-13 16:52:08

@PeeHaa：那麼答案是使用'display：none;'。 – 2010-12-13 16:55:39

我們可以通過在css類中提供可視性來做到這一點。

#PopUp.show { 
    visibility: visible; 
} 
#PopUp.hide { 
    visibility: hidden; 
}

2012-08-22 11:25:22 Jincy

看起來好像visibility: collapse也可以在IE中使用。我正在使用它，它可以在IE和Firefox中使用。除了這兩個不知道其他瀏覽器。

我也做了以下內容：

HTML：

<table class="intValidationTable">

<tr class="rangeTR" style="visibility: collapse;">

<tr class="listTR" style="visibility: collapse;">

的Javascript + jQuery的：

var rows = $('table.intValidationTable tr');

var rangeTR = rows.filter('.rangeTR');

var listTR = rows.filter('.listTR');

rangeTR.css("visibility", "visible");

listTR.css("visibility", "collapse");

這應該工作！

2012-12-10 13:33:51 DarkKnightFan

回答