Альтернатива видимости: развал не работает на IE и Chrome - PullRequest
Новая
       22

Альтернатива видимости: развал не работает на IE и Chrome

8 голосов
/ 21 марта 2010

Следующая страница: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<STYLE type="text/css"> 
tr.cccc {
visibility: collapse;
}
</STYLE>
<BODY>
<TABLE border="1">
<TR class="cccc">
<TD>one</TD>
</TR>
</TABLE>
</BODY>
</HTML>

работает только в Firefox.IE всегда отображает строку, а Chrome скрывает строку, но показывает ее вертикальное пространство.Итак, как я могу полностью скрыть строку, используя только CSS?

Ответы [ 5 ]

15 голосов
/ 12 января 2011

Используйте
Дисплей: нет

вместо Видимость: развал

Мне удается скрыть строку сводки сетки дерева додзё в IE6 и Google Chrome

2 голосов
/ 21 марта 2010 
visibility: collapse

был реализован в IE8

http://msdn.microsoft.com/en-us/library/ms531180%28VS.85%29.aspx

1 голос
/ 21 марта 2010

visibility: collapse не работает в IE. Источник кажется, вам нужно будет использовать hidden вместо IE. Подробнее смотрите на связанной странице.

Однако в спецификации четко указано, что в случае столбцов допустимым является только свертывание. развал поддерживается только Firefox. Так как Explorer Windows в любом случае поддерживает все объявления стилей для столбцов, он также поддерживает видимость: скрытый.

Кроме того, не мешало бы дать конструкции полную структуру HTML: 

<!DOCTYPE html PUBLIC 
 "-//W3C//DTD XHTML 1.0 Transitional//EN"  
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD>
<STYLE type="text/css"> 
 ....
</STYLE>
</HEAD>
...
0 голосов
/ 10 декабря 2012

Ну, похоже, 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");

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

0 голосов
/ 10 июня 2010

Он устарел, но вы можете использовать innerHTML, чтобы переписать те части, которые вы хотите «пропустить».

...