锚标签href不起作用

Posted 2023-03-05

【中文标题】锚标签href不起作用

【英文标题】：Anchor tags href not working

【发布时间】：2010-11-10 15:27:47

【问题描述】：

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

谷歌浏览器 火狐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_holder css 类：

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

还有img 类：

.img
    _margin:0 12px 12px 0;

现在，问题是单击嵌套在锚标记内的图像不会将您带到它的 href 链接（想一想，当将鼠标悬停在图像上时，href 链接会显示在状态栏中，并且在打开时可以很好地打开新标签）。

有什么想法吗？

【问题讨论】：

所以，简而言之，真正奇怪的部分是您的 html 技能 :) 只是在开玩笑 - kindof

@harry 是的，我的 html/css 技能有点烂，但是，这不是结束

你在测试什么浏览器？

@ekek0 它需要一个本地 Html 文件，并且在新标签页中打开时它正在工作。

【参考方案1】：

某些浏览器在display: inline（默认）包含display: block 元素的锚点存在问题。

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

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

【讨论】：

Firefox 和 Chrome 也存在这个问题。

“在 IE 上工作没有问题”并不是它是有效代码的最好标志。 ;)

@jamesshannon 并不意味着它是一个有效的代码！ IE 表示有效代码！快点。这是对 David 最初回答的回复，他说 IE 显示的锚点存在问题：inline

【参考方案2】：

嗯，有几个明显的问题出现了；一个是您的onerror 之前的/，第二个是有问题的<a> 似乎没有关闭。

除此之外，似乎没有任何明显的原因导致它不起作用；也许更完整的源代码帖子是为了？

【讨论】：

关闭它，反正这不是问题。只是打错了！