IE6 состояние при наведении не возвращается

Question

Демо http://people.mywot.com/dean/tour/ie6test.html

Я сузил эту проблему до контрольного примера выше. Вы сразу это заметите, если загрузите в IE6.

Проблема

При наведении курсора на привязку в IE6 все дочерние элементы, которые должны стать видимыми, становятся видимыми, но как только вы наведите курсор мыши, все стили остаются, но текст исчезает. Это приводит к «призрачной коробке» и довольно интересному (но нежелательному эффекту).

Этим утром я искал несколько часов, чтобы попытаться выяснить, какая ошибка IE6 , но у меня нет идей.

P.S. Не обращайте внимания на прозрачность PNG. Я просто не включил pngfix в эту демонстрацию.

Answer 1

Состояния наведения в IE6, к сожалению, имеют некоторые глупые ошибки.

http://reference.sitepoint.com/css/pseudoclass-hover охватывает большинство из них, что должно позволить вам поэкспериментировать с тем, что может быть не так.

РЕДАКТИРОВАТЬ: Возможно, вам придется прибегнуть к JavaScript, чтобы преодолеть это, к сожалению.

Некоторые комментаторы забывают, что есть ряд клиентов (например, местное правительство Великобритании), которые все еще почти исключительно используют IE6. Пожалейте тех из нас, кому еще нужно убедиться, что это принято во внимание!

Answer 2

Да, 100% веб-мастеров ненавидят дьявола IE6, но мы здесь, чтобы ответить на вопрос, а не обсуждать, насколько плох IE6, верно?

И на вопрос, это мой ответ:(Отредактированные строки 42 и 43 в вашем демонстрационном коде)

...
    .screenshot a.bubble .description { position: absolute; min-width: 200px; bottom: -8px; background: none; display: none;
     }
    .screenshot a.bubble:hover .description { display: inline;  background: #efefef; }
...

Я не знаю как, но IE6 не может скрыть div со свойством css "background", не установленным в "none».Это все, что вызывает проблему.Во всяком случае, я ненавижу IE6.