css - :hover with <span> elements

我正在与:

#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;
}

关于css - :hover with <span> elements，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/326396/