将文字放在图像上

Question

如何才能将文本的一部分放在html中的图像上？考虑以下示例：      http://jsfiddle.net/EgLKV/3/

我想达到那个＆＃34;你好＆＃34;单词在左侧的图像之外。而且＆＃34;世界＆＃34;字是在图像内。 我在左侧属性中添加了-50px，这给了我想要的结果。

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

我的问题是，这是否是一个好主意，以达到这个结果。或者最好是制作一个第二个外部容器来容纳＆＃34;你好＆＃34;字？有什么建议？谢谢

Answer 1

我认为这取决于你打算如何处理左边的空间。如果您需要使用该空间，添加外部容器可能会导致其他问题，但如果它是空的，我不认为这确实会产生很大的影响。