Visibility: Hidden - Как это сделать в Firefox?

Question

Я давно читаю эти форумы, но это мой первый вопрос:)

Вопрос связан с таблицами стилей. Если вы посмотрите на мою страницу в Chrome, в левом нижнем углу моей таблицы и в левом нижнем углу тега <td>, я смог скрыть границы, используя visibility:hidden; Но в Firefox <td> все еще показывает эти границы , Я обнаружил, что Firefox не нравится атрибут visibility.

http://allramhosting.com/new/shared-3/

.hide
{
    visibility: hidden;
}

<td class="hide">&nbsp; </td>

Кто-нибудь знает способ обойти это, который будет работать в нескольких браузерах? Я также пробовал бордюрный цвет: белый; в <td> на <tfoot> и это почти работает; она сохраняет нижнюю границу видимой.

Answer 1

Используйте

.hide { border-style: none; }

или

.hide { border: none; }

на своих td s или

.tableClass{ border: none;} 

, если у вашей таблицы класс tableClass.

Answer 2

Я однажды работал над следующим приемом: Зависит от того, чего вы хотите достичь в стилировании, но обычно установка соответствующего элемента (color / background-color / border-color (в данном случае)) на «прозрачный» обычно работаетчерез браузеры.

надеюсь, это кому-нибудь поможет.

Answer 3

Вы пробовали:

display:none

Я считаю, что гораздо лучше скрывать вещи без побочных эффектов.

Как к сведению, я обнаружил проблемы с рендерингом правильного размера, когда вы начали скрывать«части» таблиц.Это означает, что я видел, что браузер (включая Chrome) не отображает остальную часть документа должным образом или не вешает что-то на конец документа, когда вы скрываете части таблицы.Если вы спрячете всю таблицу, то, кажется, это прекрасно поняли.

Answer 4

Вы пытались установить ширину границы на ноль?