锚标签不可点击？

Question

我的标签一直有这个问题，它不再起作用了？在它进入视图之前，我使用 jquery remove() 方法从我的主视图中删除了所有元素？我已将我的 html 和 css 复制到这篇文章中，请在下面查看。

<div id="social_nav_title">
<div id="left_divider2" class="divider"></div>
<div id="social_title"></div>
<div id="right_divider2" class="divider"></div>
<a href="https://twitter.com/YSL" target="_blank">
    <div id="twitter_icon"></div>
</a>
<a href="https://twitter.com/YSL" target="_blank">
     <div id="facebook_icon"></div>
</a>
</div>

#twitter_icon
{
    position: relative;
    display: inline-block;
    background: url("../images/twitter_icon.png") no-repeat center;
    width: 16px;
    height: 14px;
    margin-right:2px;
    margin-left: 47%;
    top:-5px;

}

#facebook_icon
{
    position: relative;
    display: inline-block;
    background: url("../images/facebook_icon.png") no-repeat center;
    width: 14px;
    height: 14px;
    top: -5px;
}
#twitter_icon, #facebook_icon
{
    margin-top: 6px;
    opacity: 0;
}

Answer 1

对我来说，一切都可以点击，但您可以尝试从锚标签中删除 <div></div> 并将其替换为 <img> 标签。
它可能对您有所帮助，但我不能100% 肯定，我只是认为当你在锚链接中有 div 时它会导致一些问题 :)
它可能导致问题的另一个原因是你将不透明度设置为 0 in

opacity:0;

您应该将其删除或将其更改为 1 asi：

opacity:1;