我创建了一个CSS类,如下所示:
div.ycontent div.ppclisting { background-color:#cccccc; }
div.ycontent div.ppclisting:hover { background-color:#FFE5DF; }
我已经在我的一个页面中应用了上述样式,这在Firefox,IE 7.0+和其他最新浏览器中运行得非常好。但是当我在另一个页面中应用相同的样式时,它就无法正常工作。
谁能告诉我可能是什么原因?为什么它不在另一页工作。
答案 0 :(得分:17)
我得到了答案为什么:悬停不在另一页上工作。实际上在第二页上,未在HTML页面中添加DOCTYPE标记,如下所示,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
之前它是简单的<html>
标签,因此:将鼠标悬停在div上无效。添加doctype标签后如上图所示为我工作。
感谢大家的帮助。
答案 1 :(得分:3)
刚遇到类似的问题。确保你正确堆叠!也就是说,z-index。
答案 2 :(得分:2)
如果它在一个地方工作,而不是在另一个地方工作,那么要么它没有正确调用,要么没有正确应用。
使用Firebug,看看应该的元素具有哪些属性。然后检查类名是否有拼写错误。通常,这将解决所描述的问题。
答案 3 :(得分:2)
此外,在IE6中,:hover
仅适用于a
元素。记住这一点。
答案 4 :(得分:1)
我同意布兰登的意见。
我还要添加..
如果删除:
div.ycontent
你行中的部分,如下所示:
.ppclisting {
background-color:#cccccc;
}
.ppclisting:hover {
background-color:#FFE5DF;
}
您可能会发现它可以在您的其他页面上使用。
为什么呢?因为您已将这些样式定义为“类”。类打算多次应用相同的样式。
通过在它之前放置“div.ycontent”,你实质上是在“限制”/不利用CSS类的拉动潜力。
答案 5 :(得分:0)
也许其他页面中的嵌套div没有类ycontent和/或元素本身不是类ppclising?
答案 6 :(得分:0)
我只是有一个位置:绝对是父母打破我的:hover&#39; s,虽然它似乎不像祖父母那样是个问题。我对这一切都不熟悉,所以我不知道这是否正常。
修正案:对我来说,这是一个z指数问题。我需要在父节点上放置-1,在指定位置的任何兄弟节点上放置0,在我希望悬停活动的div上放置1。