html - anchor 标签 href 不工作

Question

编辑:固定关闭 anchor 。在以下浏览器上测试时存在此问题:

• 谷歌浏览器
• 火狐 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;
}

现在，问题是单击嵌套在 anchor 标记内的图像不会将您带到它的 href 链接(认为，当悬停在图像上时 href 链接显示在状态栏中，并且在打开时完全正常新标签)。

有什么想法吗？

Answer 1

某些浏览器在 display: inline(默认)包含 display: block 元素的 anchor 方面存在问题。

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

另见 http://validator.w3.org/ ——这是一个很好的第一步，可以找到 QA 问题的低垂果实。您的示例代码似乎有一些它会发现的错误。