CSS：把h1放在图像上

Question

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

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

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

TIA！

PS

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

Answer 1

正确的方法：

1. 将它们放在一个position:relative;的容器中。
2. 仅将position:absolute;放在H1上。
3. 仅将z-index:1放在H1上。
4. 根据需要更改H1的left，right，top，bottom抵消。
5. 利润。
6. 获得更多利润，因为你没有打破其他周围元素的流动。

http://jsfiddle.net/Trv2n/

Answer 2

对于图像

   z-index:1;
   position: relative;

标题

    z-index:10;
    position: relative;

Answer 3

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

我使用绝对定位将标题从左侧和顶部放置5px。