锚点标签不可点击?

时间:2014-01-15 20:47:39

标签: html css

我的标签已经不再有问题了吗?在进入视图之前,我使用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;
}

1 个答案:

答案 0 :(得分:0)


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

opacity:0;

你应该将其删除或将其更改为1,因为它在这里:

opacity:1;