在圖像上方放置文字

Question

如何才能將部分文字放在html圖像上？考慮下面的例子： http://jsfiddle.net/EgLKV/3/

我想達到的是，「你好」字是在圖像左側。 「世界」這個詞在圖像中。 我加了-50px左邊的屬性，給了我想要的結果。

#text{ 
    z-index:100; 
    position:absolute;  
    color:white; 
    font-size:24px; 
    font-weight:bold; 
    left:-50px; 
    top:350px; 
} 

我的問題是，如果這是一個好主意，以達到這個結果。或者，讓第二個外包裝容納「你好」字樣會更好嗎？有什麼建議麼？謝謝

Answer 1

我認爲這取決於你打算如何處理左邊的空間。如果你需要使用這個空間，添加一個外部容器可能會導致額外的問題，但是如果它是空的，我認爲它確實沒有太大區別。