锚标记 href 不起作用

发布于 2024-07-26 18:10:29 字数 859 浏览 2 评论 0原文

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

  • 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 链接会显示在状态栏中,并且在新选项卡中打开时可以完美打开)。

有任何想法吗?

Edit: closing anchor fixed. This issue exists when testing on the following browsers:

  • Google Chrome
  • Firefox 3.5
  • Safari

Works with no problems on IE 8

I'v a really weird problem here. In short, take a look at the following 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>  

Here's the img_holder css class:

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

and the img class:

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

Now, the problem is that clicking the image nested inside the anchor tag doesn't take you to its href link (thought, the href link shows in the status bar when hovering over the image, and opens perfectly fine when opening in new tab).

Any ideas?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

绿萝 2024-08-02 18:10:29

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

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

另请参阅 http://validator.w3.org/ — 它是找到最低点的良好第一步质量保证问题悬而未决。 您的示例代码似乎有一些它会发现的错误。

Some browsers have issues with anchors that are display: inline (the default) containing elements that are display: block.

Add display: block to the ruleset with the .img selector.

Also see http://validator.w3.org/ — it makes a good first pass to find the low hanging fruit of QA issues. Your sample code seems to have some errors that it would pick up.

淡写薰衣草的香 2024-08-02 18:10:29

嗯,有一些明显的问题出现了。 一是 onerror 之前的 /,第二是有问题的 似乎没有关闭。

除此之外,似乎没有任何明显的原因说明它不起作用; 也许需要更完整的源代码帖子?

Well, there area few obvious problems that spring out; one is the / before your onerror, and the second is that the <a> in question doesn't seem to be closed.

Apart from that, there doesn't seem to be any obvious reasons why it wouldn't work; perhaps a more complete post of source code is in order?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文