: 将鼠标悬停在 上 元素
我正在处理：
#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 正常工作？ 不知道为什么，有人有什么建议吗？
I am working with:
#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;
}
And I can't seem to get the :hover working properly? Not sure why, does anyone have any suggestions?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
我认为问题在于 SPAN 元素默认显示内联 - 这意味着它们没有高度和宽度。 尝试通过添加以下内容来显式地使它们成为块级元素：
I believe the problem is that SPAN elements display inline by default - meaning they have no height and width. Try explicitly making them block level elements by adding:
在 HTML 文档的第一行写入
。 应为所有类型的元素启用悬停支持。Write
<!DOCTYPE html>at the first line of your HTML document. Hover support should be enabled for all types of elements.正如评论者指出的那样，“top”不是有效的选择器。 它应该是“#top”或“.top”
As the commenter noted, "top" is not a valid selector. It should be "#top" or ".top"
你是在IE下测试的吗？ IE7及以下版本仅支持
上的:hover（不确定IE8）Are you testing in IE? IE7 and below only support
:hoveron<a>(not sure about IE8)