CSS：将h1放在图像上

Question

我有以下情况。我有一个图像（标签）和标题（标签）。我想把标题放在图像上。我该怎么做？

我试图使用负边距http://jsfiddle.net/58H7c/1/，但在这种情况下图像位于标题。我试图玩Z指数 - 没有效果。

也许你知道更好的解决方案？

TIA！

PS

另一个想法是使用图像作为背景。但在这种情况下，当我尝试为#imgPlace容器填充 - 背景图像留在位置（当div容器被移动时）。

Answer 1

http://jsfiddle.net/58H7c/4/

我用绝对定位放头5px的从左侧和顶部。

Answer 2

对于图像

z-index:1; 
    position: relative; 

品目

z-index:10; 
    position: relative; 

Answer 3

正确的方法做到这一点：

1. 把两者的容器position:relative;。
2. 仅在H1上放position:absolute;。
3. 将z-index:1仅限于H1。
4. 更改left,right,top,根据需要偏移H1。
5. 利润。
6. 更多的利润，因为你没有打破其他周围元素的流动。

http://jsfiddle.net/Trv2n/