Альтернатива visibility:collapse, не работающему над IE и Chrome
Следующая страница:
<!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?
3 ответа
visibility: collapse
был реализован в IE8
http://msdn.microsoft.com/en-us/library/ms531180%28VS.85%29.aspx
видимость: коллапс не работает в IE. Источник кажется, вам нужно будет использовать hidden вместо IE. Подробности см. На связанной странице.
Однако в спецификации четко указано, что в случае столбцов допустимым значением является только свертывание. свертывание поддерживается только Firefox. Поскольку проводник 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>
...
Он устарел, но вы можете использовать innerHTML, чтобы переписать те части, которые вы хотите «убрать».