6

我正在与：

#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正常工作？不知道为什么，有人有什么建议吗？

4

4 回答 4

10

我认为问题在于 SPAN 元素默认显示为内联 - 这意味着它们没有高度和宽度。尝试通过添加显式地使它们成为块级元素：

#top ul li.corner span.right-corner, #top ul li.corner span.left-corner
{
    display: block;
}
于 2008-11-28T19:41:11.123 回答
5

写<!DOCTYPE html>在 HTML 文档的第一行。应该为所有类型的元素启用悬停支持。

于 2012-09-19T13:40:48.870 回答
0

正如评论者所指出的，“top”不是有效的选择器。它应该是“#top”或“.top”

于 2008-11-28T18:45:48.817 回答
0

你是在IE中测试吗？IE7及以下仅支持:hover（<a>不确定IE8）

于 2008-11-28T18:51:14.063 回答