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

Question

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

Answer 1

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

position:absolute;

如果需要“绝对”，请尝试在您的 CSS 中添加它

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

希望它能帮助您对齐“完成”图像

Answer 2

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

在此处查看更多详细信息

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