htmlでキャラクター画像を、サイト画面の右下と左下に固定したいです。 position:fixed

htmlでキャラクター画像を、サイト画面の右下と左下に固定したいです。
position:fixed;
を指定すると、z-index:10;
としても、画像だけが消えた状態に成ります。
原因は何が考えられますか？

No.1 ベストアンサー 回答者： naokita 回答日時： 2021/07/17 10:20

下に配置するなら、

HTML内では、そのコンテンツを、一番下の</body>の手前に配置する事
他と干渉しなければ、z-indexは不要

例：
<img src="A1.png" width="160" height="160" alt="キャラクタ" class="A1">
<img src="A2.png" width="200" height="200" alt="キャラクタ" class="A2">
</body>
</html>

CSS:
img.A1{position: fixed; bottom: 0px; right: 0px;}
img.A2{position: fixed; bottom: 0px; left: 0px;}

この回答へのお礼

色々調べながらいじってたら上手く行きました！真剣に答えて頂き、有難うございます♪

お礼日時：2021/07/17 10:23