: hover с <span>элементами - PullRequest
Новая
       26

: hover с <span>элементами

6 голосов
/ 28 ноября 2008

Я работаю с: 

#top ul li.corner span.right-corner:hover
{
    background-image:url("images/corner-right-over.gif");
    width:4px;
    height:15px;
    float:left;
}

#top ul li.corner span.left-corner:hover
{
    background-image:url("images/corner-left-over.gif");
    float:left;
    width:4px;
    height:15px;
}

И я не могу заставить :hover работать правильно? Не уверен, почему, у кого-нибудь есть предложения?

Ответы [ 4 ]

10 голосов
/ 28 ноября 2008

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

#top ul li.corner span.right-corner, #top ul li.corner span.left-corner
{
    display: block;
}
5 голосов
/ 19 сентября 2012

Напишите <!DOCTYPE html> в первой строке вашего HTML-документа. Поддержка Hover должна быть включена для всех типов элементов.

0 голосов
/ 28 ноября 2008

Вы тестируете в IE? IE7 и ниже поддерживают только :hover на <a> (не уверен насчет IE8)

0 голосов
/ 28 ноября 2008

Как отметил комментатор, "top" не является допустимым селектором. Это должно быть "#top" или ".top"

...