: наведите указатель мыши на элементы <span>
Я работаю с:
#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 не работает должным образом? Не уверен, почему, есть ли у кого-нибудь предложения?
Он не печатал знак #, хотя он есть в моем CSS.
@RoBorg - Спасибо за редактирование, я только что вошел в систему, чтобы сделать то же самое, так как два человека думали, что я забыл "#" Еще раз спасибо
Я не совсем уверен, чего вы пытаетесь достичь. Хотите, чтобы фоновое изображение менялось только при наведении курсора на углы?
Как сказал Фокси, в этом нет никакого смысла. Трудно помочь вам заставить его работать правильно, когда «правильно» не определено и совсем не ясно.
Ответы 4
Как заметил комментатор, "верх" не является допустимым селектором. Это должно быть "#top" или ".top".
Вы тестируете в IE? IE7 и ниже поддерживают только :hover на <a> (не уверен в IE8)
Я считаю, что проблема в том, что элементы SPAN по умолчанию отображаются встроенными, то есть у них нет высоты и ширины. Попробуйте явно сделать их элементами уровня блока, добавив:
#top ul li.corner span.right-corner, #top ul li.corner span.left-corner
{
display: block;
}
Напишите <!DOCTYPE html> в первой строке вашего HTML-документа. Поддержка наведения должна быть включена для всех типов элементов.
хороший момент ... например, встроенный текст не нужно блокировать.
что такое "верх" в селекторах CSS? если это идентификатор элемента, он должен быть "#top"