Question

我正在使用：

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

Answer 1

我认为问题是SPAN元素默认显示内联 - 这意味着它们没有高度和宽度。尝试通过添加：

明确地使它们阻止级别元素

#top ul li.corner span.right-corner, #top ul li.corner span.left-corner
{
    display: block;
}

Answer 2

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

Answer 3

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

Answer 4

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

：使用<span>元素悬停</span>

4 个答案: