Question

编辑：关闭锚点已修复。在以下浏览器上进行测试时存在此问题：

Google Chrome
Firefox 3.5
Safari浏览器

在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_holder css类：

.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>似乎没有关闭。

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

锚标签href不起作用

2 个答案: