Question

我有一个图片链接，转换到另一个图片，在Chrome，Edge，IE11都显示正常。但在Firefox中，单个图像被一些px错位。您可以在http://444.a91.myftpupload.com/查看该页面。我在Chrome和Firefox上使用元素检查器和CSS是一样的但是在我的生活中我无法解决这个问题。

位于错误位置的HTML图片：

<span id="zone-c"><a href="http://444.a91.myftpupload.com/projects/">
<img class="bottom" src="http://444.a91.myftpupload.com/wp-content/uploads/2016/12/see-the-work-center-hover.png" alt="" width="482" height="136"></a>
<a href="http://444.a91.myftpupload.com/projects/">
<img class="top" src="http://444.a91.myftpupload.com/wp-content/uploads/2016/12/see-the-work-center.png" alt="" width="482" height="136"></a>
</span>

CSS搞砸了我：

.top, .bottom {
  left: -15px;
  top: 16px;
}

Answer 1

我同意@casraf 看起来您正在使用Visual Composer。

无论如何，我想

.top, .bottom {
  left: -15px;
  margin-top: 16px;
}

可以解决您的问题。

CSS（WordPress）针对不同浏览器的不同图像位置

1 个答案: