将鼠标悬停在页脚中的链接不起作用

Question

我无法获取：将鼠标悬停在我的页脚链接上。这与z-index有关吗？

谢谢！

网址：http://bonusest.com/clients/republican_committee/

Answer 1

问题是，您的标识为page-wrap的主div在页脚的顶部（重叠），因此无法单击页脚中的链接。

Answer 2

似乎.links和.contact div不包含任何实际链接 - 您需要将它们包装在锚点标签中，就像在主导航中一样。

至于.social div，这应该有效：

<h4>Find Us</h4>
<ul>
    <li id="facebook"><a href="#">facebook</a></li>
    <li id="twitter"><a href="#">twitter</a></li>
    <li id="picassa"><a href="#">picassa</a></li>       
</ul>

您需要保留文本缩进：-9999px以隐藏文本。要添加悬停状态，只需定位#facebook：hover

即可