文字圖像定位與css

Question

如何將文字放在圖像「這裏」？
從包裝開始它必須是20px，固定爲250px。

HTML

<div class="background-image"> 
    <img src="img/picture.jpg" alt="pasta-town"> 
    <div id="motto" class="wrap"> 
     <div>some motto</div> 
    </div> 
</div> 

CSS

#motto { 
font-size: 26px; 
font-family: "MetaProMedium"; 
position: absolute; 
top:0; 
} 
#motto div { 
left: 755px; 
width: 250px; 
} 
.background-image { 
position: relative; 
width: 100%; 
} 
.background-image > img { 
width: 100%; 
} 

Answer 1

您將需要調整的z-index兩個包含圖像div和要POSI較高Z文本-index將覆蓋較低的一個。