HTML：具有绝对位置的图像，文本流过。怎么做？

Question

我正在尝试修改不是由我编写的代码，因此我只想修改必要的内容，以免弄乱整个网站。

我想实现这一目标 http://www.yourhtmlsource.com/examples/positioning1.html

但是背面有图片，而不是在文字前面。

如果不使用position：absolute on text？

，我怎么能这样做呢？

（出处：http：//www.yourhtmlsource.com/stylesheets/csslayout.html）

Answer 1

只需添加z-index

即可

z-index:1;到图片

z-index:2;到text-div

Answer 2

这听起来像是您尝试设置背景图片。在这种情况下，您需要使用类似

的内容

body {
  background-image: url("http://yoursite.com/images/image_name.gif");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}