css - CSSでテキストが絶対配置画像の後ろに表示されるのはなぜですか?

Question

この HTML を使用すると、テキストが画像の後ろに表示される理由がわかりません。

<div style="position: relative">
<img src="image_url_here" style="position:absolute; top: 10px; left: 10px;" />  
This is some text, drawn on the page after the image, why is it drawn behind the image?
</div>

?

Mac および PC の Chrome と PC の IE でテスト済み。

Answer 1

これを参照してください https://developer.mozilla.org/en-US/docs/Web/CSS/position

これを試すか、要件に従って設定してください

<div style="position: relative">
<img src="image_url_here" style="position:relative; top: 10px; left: 10px;" />  
This is some text, drawn on the page after the image, why is it drawn behind the image?
</div>