图像在浏览器中无法正确显示

Question

我有website的图像。它显示在每个浏览器上，但它在Firefox中定位错误。我还有另一张图片，在同一个网站上，在迷宫中，当你在safari中打开它时，它是一个灰色的盒子。我该如何解决？谢谢！

Answer 1

您可以通过从图片中删除以下属性来实现此目的

position:absolute;

如果需要'绝对'，请尝试在CSS中添加

.finish {
 display: block;
 position: relative;
}

希望它能帮助你对齐'完成'图像

Answer 2

这是因为Firefox渲染引擎中未定义position: relative。因此，绝对定位的图像会跳转到具有定位的下一个父元素（section元素）。

See more details here

如果您只是移除图像上的绝对定位，则无论如何它看起来都在正确的位置。