Question

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

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

该网站是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。

Answer 2

您的问题不在您发布的代码段中。您已创建ID为<div>的{{1}}，其中包含您创建的链接。覆盖你的链接的部分是透明的，所以它并不明显。如果链接被另一个slider-1覆盖，您将无法点击它们。

尝试为链接提供<div>大于z-index的链接。

链接不可点击。锚不工作

2 个答案: