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/