Содержимое тега h1 невидимо до тех пор, пока не будет помещено в IE 6

Question

Странный симптом, который я вижу на этой странице (только при просмотре в IE 6), заключается в том, что текст тега <h1> невидим при загрузке или изменении размера страницы, но появляется при Я наведите курсор мыши на область, где она появляется в верхнем левом углу. Я не видел этого ни в одном другом браузере, и единственные атрибуты CSS, которые я изменяю для любого тега h1, это:

• размер шрифта
• начертание шрифта
• на полях, на полях
• набивка, набивка сверху, набивка снизу

Нигде я не могу изменить visible или display, и для h1 нет эффектов наведения. Даже несвязанный текст внутри заголовка исчезает. Есть идеи?

Answer 1

Скорее всего, это вызвано другим элементом стиля на странице.

Я думаю, что ваш лучший вариант - метод проб и ошибок ... Удаление всех стилей со страницы, проверка, что элемент h1 больше не исчезает, а затем повторное добавление других стилей, пока вы не найдете виновника

Answer 2

Согласен с постом Джона. Мне (по счастливой случайности) удалось обойти этот процесс отладки, задав элементу position: relative или position: static правила.

Так что, возможно, вы захотите скрестить пальцы и сделать это, прежде чем идти по маршруту Джона.

Answer 3

Хотя я не вижу атрибута hasLayout в заголовке, вы можете попробовать добавить zoom:1; к h1 и посмотреть, какие результаты вы получите. Это сделало текст видимым для меня постоянно при тестировании.

Действительно, эта проблема кажется довольно странной.

Answer 4

Я не видел ничего очевидного, но у вас есть RGBA, применяемый при наведении.

#header #info a:hover, #header #info h2#pathlinks a:hover {
    background-color: rgba(63,63,63,0.35);
}

Кроме того, это работает локально с моим IE6, поэтому я не уверен, может ли он вести себя по-другому из-за связанной зоны в Internet Explorer (интрасеть, доверенный, Интернет).

Я искренне согласен с другими авторами, что это будет упражнение в отладке. Мне нравится техника Джона методом проб и ошибок.