3

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

  • 谷歌浏览器
  • 火狐 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链接在将鼠标悬停在图像上时显示在状态栏中，并且在新选项卡中打开时可以很好地打开） .

有任何想法吗？

4

2 回答 2

7

某些浏览器在锚点display: inline（默认）包含display: block.

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

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

于 2009-07-14T12:59:54.230 回答
5

好吧，几乎没有什么明显的问题会出现；一个是 / 在 your 之前onerror，第二个是有<a>问题的似乎没有关闭。

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

于 2009-07-14T12:57:44.463 回答