Эффект наведения не сработает на ссылке в стиле CSS - PullRequest
Новая
       28

Эффект наведения не сработает на ссылке в стиле CSS

1 голос
/ 15 марта 2011

У меня есть простая страница, на которой я пытаюсь оформить ссылку. Я могу нормально оформить нормальное состояние, но состояние при наведении никогда не срабатывает.

Соответствующая часть моей таблицы стилей: 

a.faqquestion {
  color: orange;
}

a.faqquestion:hover {
    text-decoration: underline;
  cursor: hand;
}

и мой код выглядит так: 

<a onClick="toggleMe('FAQ1')" class="faqquestion">1. How many licenses do I need?</a>

Кто-то может увидеть, что я делаю не так? Полная страница доступна по адресу: http://www.haast.ca/Pages/Products/HAAST/FAQ.htm и часто задаваемые вопросы 1 и 2 имеют класс "faqquestion". Спасибо, Michelle

Ответы [ 5 ]

1 голос
/ 15 марта 2011

Несколько вещей:

  1. курсор должен быть указатель не рука
  2. добавить класс faqquestion в ваши ссылки
  3. ваши ссылки должныесть цель, поэтому просто добавьте href = "/ куда бы они ни шли" или href = "#"
1 голос
/ 15 марта 2011

Internet Explorer игнорирует продукцию a.faqquestion:hover, поскольку ваше определение cursor недопустимо.

Изменение cursor: hand; на cursor: pointer; устраняет проблему.

0 голосов
/ 15 марта 2011

Это работает:

http://jsfiddle.net/Steve_Wellens/tjW6Q/

Итак, я предполагаю, что ваш CSS находится в отдельном файле, который не загружается.

0 голосов
/ 15 марта 2011

Это вы просто не заметили, потому что вы ничего не изменили во втором CSS, потому что HTML-код

0 голосов
/ 15 марта 2011

Страница отлично работает в моем браузере, вы просто забыли добавить класс faqquestion к другим ссылкам

...