0

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

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

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

2 回答 2

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。

于 2013-09-14T21:51:40.233 回答
1

您的问题不在您发布的代码段中。您创建了一个<div>id of slider-1，涵盖了您创建的链接。覆盖链接的部分是透明的，因此并不明显。使用其他人覆盖的链接，<div>您将无法单击它们。

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

于 2013-09-14T21:52:10.337 回答