CSS - использование: наведение на элементы, кроме ссылок - PullRequest
Новая
       20

CSS - использование: наведение на элементы, кроме ссылок

0 голосов
/ 14 августа 2010

Уже давно на моем сайте есть каталог, где маленькое изображение находится прямо внутри ссылки внутри div. Ссылка должна быть только вокруг изображения - но я не хочу использовать селектор +, так как это не поддерживается некоторыми версиями IE (IE6 и далее, я думаю, что он должен поддерживать). У div есть класс ImageHoverSpan (раньше он был Span в старом макете, я просто не потрудился переименовать класс). Есть еще один div с классом «ImageOuterPanel» на том же уровне, что и ссылка (т. Е. Прямой дочерний элемент ImageHoverSpan).

У меня определены следующие классы: 

  .ImageHoverSpan .ImageOuterPanel {
    display: none; }
  .customer .ImageHoverSpan:hover .ImageOuterPanel {
    display: block; }

Насколько я помню, раньше это работало нормально во всех браузерах. Я собираюсь запустить новую версию веб-сайта для тестирования, но я только сегодня заметил, что в Opera 10.60 панель изображений (ImageOuterPanel) сразу отображается при наведении курсора на ImageHoverSpan, но это занимает от 1 секунды до. ... ну ... никогда не исчезать, когда мышь покидает div.

Я знаю, что использование: наведение на что-либо, кроме ссылок, может снизить производительность в IE - но это Opera. В Firefox (3.6) это работает абсолютно нормально - оно появляется и исчезает, как и должно.

У кого-нибудь есть идеи о том, что может быть причиной этого? У кого-нибудь была эта проблема раньше?

Спасибо.

С уважением,

Richard

1 Ответ

0 голосов
/ 30 августа 2010

Ну, я нашел ответ.Я задал вопрос на форумах Opera, и один пользователь ответил, что у меня может быть таблица стилей Opera, которая сохраняет элементы видимыми, но устанавливает непрозрачность вместо 0 или 100.Это работает - элементы появляются и исчезают мгновенно.

Ричард

...