Question

出于某种原因，我似乎无法上班 -

HTML

<div id="custom_nav">
    <ul>
        <li><a href="#">•</a></li>
        <li><a href="#">•</a></li>
        <li><a href="#">•</a></li>
        <li><a href="#">•</a></li>
        <li><a href="#">•</a></li>
    </ul>
</div>

CSS

ul {list-style: none;}    
#custom_nav a:link {text-decoration: none; color:red;} 
#custom_nav a:visited {text-decoration: none; color:red;} 
#custom_nav a:hover {text-decoration: none; color:green;} 
#custom_nav a:active {text-decoration: none; color:blue}

Answer 1

问题是您有其他元素与这些项目符号重叠，因此它们不会收到:hover。

如果您尝试删除.site_header和所有.project_container元素，它将会有效。

要修复它，您可以添加

#custom_nav {
    z-index: 1000;
}

为了使其重叠.site_header，其中z-index:999

请注意，拥有如此大的z-index（你有一个z-index:2147483647！）是没有意义的。你应该阅读What No One Told You About Z-Index。

为什么不“悬停”工作？

1 个答案: