이 HTML을 사용하여, 내가 이해할 수없는 이유 이미지 뒤에 텍스트가 표시텍스트가 CSS로 절대 위치 이미지 뒤에 표시되는 이유는 무엇입니까?
<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>
?
PC의 Chrome 및 Mac의 &에서 테스트되었습니다.
이미지의 위치를 절대로 설정했기 때문입니다.
이 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>
대답하기 조금 toooo 늦을 수도 있지만, 누군가를 위해 도움이 될 수있는 참조 : 을이 솔루션은에 z-index: -1;을 설정하는 것입니다 이미지. 아마도 <p>에 텍스트를 입력해야합니다.
나는 그것이 유머러스하기위한 것이 아니라는 것을 알고있다. 그러나이 대답은 나를 무너 뜨린다. +1 – xec
이것도 나에게 웃음을 주었지만, 불행히도 전혀 도움이되지 않습니다. – steps