：悬停与<跨度>元素

StackOverflow https://stackoverflow.com/questions/326396

  •  11-07-2019
  •  | 
  •  

题

我正在与工作：

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

有帮助吗？

解决方案

我相信问题是，SPAN元素默认显示嵌入式 - 这意味着它们没有高度和宽度。明确地尝试通过添加使它们块级元素：

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

其他提示

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

由于该评论所指出的，“顶部”是不是有效的选择器。它应该是“#top返回”或“赛拓朴”

您在IE浏览器测试？ IE7和下面只支持上:hover <a>（不知道IE8）

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top