Question

我有一个三年历史的网站，到目前为止一直运作良好。谷歌Chrome浏览器的新版本v.41遇到了一个奇怪的错误：我在A标签内部有一个IMG标签，当我点击它时，图像随机改变位置而不是转到链接所在的位置链接。这仅适用于最新的Chrome，v.41。旧版Google Chrome和其他浏览器不会遇到此问题。我在Windows 7和OSX 10.10上都试过这个。

我将code复制到了jsfiddle，以防你想看看它。我没有使用任何过时的CSS函数，也没有使用任何JavaScript。

链接图片的代码：

<a class="insImg" href="#">
    <img class="imapa-foto" src="http://www.dolejsialej.cz/photo/thumbs/RD2-mars.jpg" />
    Dům 1
</a>

我只想知道是否有错误，或者只是这个版本的谷歌浏览器。

Answer 1

正如您所提到的，它似乎是Chrome的一个错误。

我已经使用了一些代码，这部分似乎是问题的一部分：

ul li img {
    width: 150px;
    position: absolute;
    top: 0;
    left: 0;
}

我不明白为什么点击锚点会导致此定位被删除，但作为一种快速解决方法，您可以将定位移动到锚点中，如下所示：

ul li a {
    text-decoration: none;
    -moz-opacity: 1;
    opacity: 1;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}
ul li img {
    width: 150px;
}

请参阅下面的更新小提琴。

https://jsfiddle.net/2d4b1mLm/5/

点击内部的img时出现Chrome问题

1 个答案: