: hover CSS не работает? - PullRequest
Новая
       24

: hover CSS не работает?

2 голосов
/ 14 мая 2009

Я создал класс CSS следующим образом: 

div.ycontent div.ppclisting { background-color:#cccccc; }
div.ycontent div.ppclisting:hover { background-color:#FFE5DF; }

Я применил вышеупомянутый стиль на одной из своих страниц, которая довольно хорошо работает в Firefox, IE 7.0+ и других последних браузерах. Но когда я применяю тот же стиль на другой странице, он не работает.

Может кто-нибудь сказать мне, в чем может быть причина? почему не работает на другой странице.

Ответы [ 7 ]

17 голосов
/ 19 мая 2009

Я получил ответ, почему: hover не работал на другой странице. На самом деле на второй странице тег DOCTYPE не был добавлен на страницу HTML, как показано ниже, 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Ранее это был простой тег <html>, из-за которого: hover на div не работал. После добавления тега doctype, как показано выше, он работает для меня.

Спасибо всем вам за помощь.

3 голосов
/ 17 мая 2011

Просто была похожая проблема. Убедитесь, что вы укладываете правильно! То есть z-индекс.

2 голосов
/ 14 мая 2009

Кроме того, в IE6 :hover работает только с a элементами. Имейте это в виду.

2 голосов
/ 14 мая 2009

Если он работает в одном месте, но не в другом месте, то либо он вызывается неправильно, либо применяется неправильно.

Используйте Firebug и посмотрите, какие свойства у элемента должны иметь стили. Затем проверьте имена классов на наличие опечаток. Обычно это решает проблему, как описано.

1 голос
/ 14 мая 2009

Я согласен с Брэндоном.

Я тоже добавлю ..

Если вы удалите: 

div.ycontent

раздел из ваших строк, такой, что выглядит так: 

.ppclisting { 
background-color:#cccccc; 
}

.ppclisting:hover { 
background-color:#FFE5DF; 
}

Возможно, он будет работать на другой вашей странице.

Почему? Потому что вы определили эти стили как «классы». Классы намерены применять один и тот же стиль много раз.

Помещая div.ycontent перед ним, вы по существу «ограничиваете» / не используете потенциал извлечения классов CSS.

0 голосов
/ 06 апреля 2014

У меня только что была позиция: абсолютная на родительском поприще моей: hover, хотя, как мне кажется, это не проблема для прародителя. Я новичок во всем этом, поэтому я не знаю, нормально это или нет.

Поправка: для меня это оказалось проблемой z-index. Мне нужно было поставить -1 на родителя, 0 на всех братьев и сестер с указанной позицией и 1 на делителей, для которых я хотел активность при наведении.

0 голосов
/ 14 мая 2009

Может быть, вложенный div на другой странице не имеет класса ycontent и / или сам элемент не является классом ppclising?

...