Как я могу получить: hover для работы стрелок jCarousel? - PullRequest
Новая
       36

Как я могу получить: hover для работы стрелок jCarousel?

0 голосов
/ 15 апреля 2011

Я использую плагин jQuery "jCarousel" для создания карусели фотографий игроков НФЛ. Все отлично работает, кроме следующих / предыдущих стрелок в карусели. Они не отвечают правилам CSS, которые я создал для их состояний: hover.

Вот пример страницы с HTML и CSS: http://www.joshrenaud.com/pd/picks/jCarouselProblem.html

Правило стиля для стрелки отлично работает: 

.jcarousel-skin-tango .jcarousel-next-horizontal {
    opacity: 0.6;
    position: absolute;
    top: 10px;
    right: 0px;
    width: 20px;
    height: 135px;
    cursor: pointer;
    background: transparent url(graphics/right-arrow.png) no-repeat 0 0;
    }

Но правило стиля для состояния наведения не имеет значения: 

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    opacity: 1;
    }

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

1 Ответ

3 голосов
/ 15 апреля 2011

Это потому, что вы не включили типовой шаблон HTML. Ваша страница отображается в режиме Quirks .

Если вы добавите что-то вроде этого: 

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
</body>
</html>

и вставьте оставшуюся часть кода туда, куда он должен идти, он будет работать.

Вот предыдущий ответ, который я написал, где проблема была та же самая:

CSS Hover + Фоновое изображение

...