gpt4 book ai didi

jquery - 我怎样才能得到 :hover state for jCarousel arrows to work?

转载 作者:太空宇宙 更新时间:2023-11-04 00:28:09 26 4
gpt4 key购买 nike

我正在使用 jQuery“jCarousel”插件创建 NFL 球员照片轮播。一切都很好,除了轮播中的下一个/上一个箭头。他们不响应我为他们的 :hover 状态创建的 CSS 规则。

这是一个包含 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 规则不适用于这些元素。

最佳答案

这是因为您没有包含典型的样板 HTML。您的页面正在呈现 Quirks Mode .

如果你添加这样的东西:

<!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+Background Image

关于jquery - 我怎样才能得到 :hover state for jCarousel arrows to work?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5671315/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com