锚标签href不起作用

Question

编辑:关闭锚固定.在以下浏览器上进行测试时存在此问题:

• 谷歌浏览器
• Firefox 3.5
• 苹果浏览器

在IE 8上没有问题

我在这里真的很奇怪.总之,看看下面的html:

<a href="login_page.html" class="img">
    <span class="img_holder">
        <img src="images/columnists/mike_zeisberger248.jpg" onerror="this.src='default.jpg'"/>
    </span>
    <span class="btn">track him</span></a>  

这是img_holdercss类:

.img_holder{
    border: 1px solid #c8c8c8;
    display:block;
    background:#fff; 
    height: 100px
}

和img班级:

.img{
    _margin:0 12px 12px 0;
}

现在,问题是单击嵌套在锚标记内的图像不会将您带到其href链接(想想,当鼠标悬停在图像上时,href链接显示在状态栏中,并且在新选项卡中打开时打开完全正常) .

有任何想法吗？

Answer 1

某些浏览器的锚定问题是display: inline(默认)包含的元素display: block.

display: block使用.img选择器添加到规则集.

另请参阅http://validator.w3.org/ - 它是一个很好的第一步,找到质量保证问题的悬而未决的成果.您的示例代码似乎有一些错误.

Answer 2

嗯,那里出现的问题很少出现; 一个是/在你之前onerror,第二个是有<a>问题似乎没有关闭.

除此之外,似乎没有任何明显的理由说明它不起作用; 也许更完整的源代码帖子是有序的？