Css 如何使HTML文本覆盖在图像上，或使背景图像具有响应性

我有个问题

我正在创建一个响应性强的标题图像，它可以缩小到手机，占据整个屏幕的宽度

我希望使用

img

标记完成此操作，然后应用100%的最大宽度，但我希望在此图像顶部包含一些文本，因此选择使用背景图像。我不想在图片上绝对显示文字，因为这会导致手机出现问题

另外，关于背景图像，我不能使用背景大小，因为ie8不支持

有没有其他方法可以使文本覆盖在图像上，图像占据容器的全宽和图像的全高？

<div id="container" style="height: 100px; width:100px; display:block;">
  <img src="some-img.jpg" style="display:block;"/>
  <span style="position:absolute;">Text over image</span>
</div>

文本覆盖图像

基本上，您只需要将文本放置在父对象中的图像上

---

z-index

属性对于在视觉上“堆叠”元素非常有用，如果您有几个相互竞争的元素

谢谢，但我在上面说过，我想避免使用绝对定位，购买可能没有其他方法可以做到这一点，所以另一个答案是：当然，但您需要在服务器端操纵图像。实际上，你也可以使用“相对”的css来实现这一点，但这没有多大意义，因为“相对”文本集的布局含义与包含的“绝对”文本集有很大不同。我可以问一下-为什么您不能动态偏移没有相对定位的文本？