IE8 - CSS可见性：崩溃 - 不起作用？

Question

css可见性样式“崩溃”在IE8中是否有效？

我问这个的原因是因为我有一个我试图崩溃的div。当我发布我的网站时，div保持可见而不是折叠。但当我将其改为“隐藏”时，div就被隐藏了。

我不仅仅使用隐藏而不是折叠的原因是因为我不想在页面上留下巨大的空白。

Answer 1

display: none;

Answer 2

visibility: collapse;仅表示表格元素。在visibility: hidden上使用<div>。

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

---

您还会注意到该页面上的注释：

  

注意：没有版本的Internet Explorer（包括IE8）支持属性值“inherit”或“collapse”。

Answer 3

我们可以通过在css类中提供可见性来实现这一点。

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

Answer 4

似乎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");

这应该有效！