css - 链接不可点击。 anchor 不工作

Question

我在页面顶部有社交媒体图标上的 anchor 链接。据我所知，链接和 anchor 编码正确。

但出于某种原因，我无法让图标可点击。

网址是www.cleantelligent.com

这是图标本身的代码:

<!--SOCIAL LINKS-->
<style>
#UpperLinks{ position: absolute; left: 50%; margin-left: 380px; white-space: nowrap;     padding-top: 27px;}
#UpperLinks img{ width:auto;}
#PhoneTop{ font-family: 'News Cycle', sans-serif; color:#D1D1D1; position: absolute; left: 50%; margin-left: 345px; white-space: nowrap; margin-top: -12px;}
</style>
<div id="PhoneTop">
<img style="position:relative; top: 8px;" src="/wp-content/themes/cleantelligent/images/phonetrans.png" />(801) 375-0375</div>
<div id="UpperLinks">
<a href="http://www.linkedin.com/company/cleantelligent_software" target="_blank" >
<img height="22" width="22" src="/wp-content/themes/cleantelligent/images/linkedin.png" /></a>
<a href="https://twitter.com/#!/CleanTelligent1" target="_blank" >
<img height="22" width="22" src="/wp-content/themes/cleantelligent/images/twitter.png" /></a>
<a href="http://www.facebook.com/CleanTelligent" target="_blank" >
<img height="22" width="22" src="/wp-content/themes/cleantelligent/images/facebook.png" /></a>
<a href="https://www.youtube.com/CTsoftware" target="_blank" >
<img class="socialicons" height="22" width="22" src="/wp-content/themes/cleantelligent/images/YouTubePlay.png" /></a>
 </div>


<!--END OF SOCIAL LINKS-->

Answer 1

将您的“UpperLinks”设置为高于 5 的 z-index 或删除此 z-index。它覆盖了您的链接。

<div class="slide" style="position: absolute; top: 0px; left: 0px; display: block; z-index: 5; ............
</div></div>

编辑:您的整个页面上面有太多 z-index。您应该能够将 div=UpperLinks 设置为具有 z-index:30。