html - ブラウザで画像が正しく表示されない

Question

このウェブサイトに画像があります。すべてのブラウザに表示されますが、Firefox では位置が間違っています。また、同じウェブサイトの迷路に別の画像があります。サファリで開くと、灰色のボックスになります。これを修正するにはどうすればよいですか? ありがとう！

Answer 1

これは、画像から以下のプロパティを削除することで実現できます

position:absolute;

'absolute'が必要な場合は、CSSに追加してみてください

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

「仕上げ」画像の位置合わせに役立つことを願っています

Answer 2

これは、position: relativeが Firefox レンダリング エンジンで定義されていないためです。したがって、絶対配置された画像は、配置を持つ次の親要素 (section要素) にジャンプします。

詳細はこちら

画像の絶対位置を削除すると、とにかく正しい場所にあるように見えます。