Почему текст отображается за абсолютным позиционированным изображением с помощью CSS?

Используя этот HTML-код, я не могу понять, почему текст отображается за изображением:

<div>
 
This is some text, drawn on the page after the image, why is it drawn behind the image?
</div>

?

Протестировано в Chrome на Mac и ПК и в IE на ПК.

3 ответа

Это потому, что вы установили абсолютное положение изображения.


Возможно, вам немного поздно ответить, но может быть полезно для кого-то: решение - установить z-index: -1; к изображению. Вероятно, нужно обернуть текст в

.


См. Https://developer.mozilla.org/en-US/docs/Web/CSS/position

Попробуйте это или установите согласно вашему требованию

<div>
 
This is some text, drawn on the page after the image, why is it drawn behind the image?
</div>

licensed under cc by-sa 3.0 with attribution.