我已经看了一段时间这个小问题而我似乎无法修复它。它只是一个firefox，它在IE Chrome等方面很不错。
我为客户制作的这个网站显示了这个问题。在页面的开头，您会看到2个轮子的PNG图像，其中有三个图像，您可以通过单击图像底部的圆圈来切换z-index。
当你看到黑色略微下降时，由于线条高度为0，黑色图像的定位方式与灰色相同，我似乎无法绕过问题。由于最大尺寸：100％，它们略微缩小了尺寸，但是将它们调整到适当的（1000px）dons似乎也有帮助，（在本地做了）。
如果您在photoshop或w / e中打开图片，则它们会完全对齐。
任何人都知道为什么只在Firefox上出错？
- ＆GT;例 删除了该示例，因为它是一个网站。
答案 0 :(得分：1)
确实非常奇怪。我唯一能让它消失的方法就是绝对定位车轮。这需要您在#infographic上设置一个高度并取消margin-top:-100%;。根据您使用#infographic容器的方式，此解决方案可能不适合您，但至少需要考虑以帮助解决您的问题。
答案 1 :(得分：-1)
这是因为元素之间的空白。不幸的是，一些浏览器观察它，因此虽然它不应该显示一些空间。您可以使用此解决方法：
通常使用rem代替em，您需要它才能使此变通方法更轻松地工作。首先，您必须将font-size的{{1}}设置为零。由于您正在使用.infographic，.infographic中的每个元素现在都将变为零font-size。这就是您现在应该更改为em的原因，至少对rem内的元素而言。
现在你已经完成了。