如何在背景图片下显示文字?

PL3*_*L3X 5 html css layout

我正在制作一个站点,其中三个<li>都漂浮在左侧,并且每个都有特定图像的背景。我的每个文本中都有一个,因此<li>我想移动该文本,以使其在背景下而不是在背景下显示。这种布局的css是什么?

下面是我想要的布局示例。谢谢您的帮助。

====== ====== ======
| | | | | |
| | | | | |
====== ====== ======
  文字文字文字

我没有ASCII艺术技能,但希望您能理解。

sal*_*uce 4

将文本设置在与margin-top背景图像高度相等的范围内。需要跨度才能使其display: block发挥作用。或者,更好的是,只需设置padding-top等于背景图像的高度,并使用background-image-repeat: no-repeat.

有关工作示例,请参阅http://jsfiddle.net/77NdE/ 。