IE8 - видимость CSS: развал - не работает?

Question

Работает ли стиль видимости css "свернуть" в IE8?

Причина, по которой я спрашиваю это, заключается в том, что у меня есть div, который я пытаюсь свернуть.Когда я публикую свой веб-сайт, div остается видимым, а не сворачивается.Но когда я изменяю его на «скрытый», div скрывается.

Причина, по которой я не просто использую Hidden вместо Collapse, заключается в том, что я не хочу огромного пробела на моей странице.

Answer 1

display: none;

?

Answer 2

Мы можем сделать это, предоставив видимость в классах CSS.

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

Answer 3

visibility: collapse; означает только для элементов таблицы. Используйте visibility: hidden в <div> с.

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

---

Вы будететакже обратите внимание на примечание на этой странице:

Примечание: Ни в одной версии Internet Explorer (включая IE8) не поддерживаются значения свойств «наследовать» или «свернуть».1018 *

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

Это должно работать!