讓我的文字超出背景圖像

我有這樣的代碼：讓我的文字超出背景圖像

<div style="background-image: url('images/middle.png'); height: 390px; width: 900px; margin-top:190px; color:#000000;"> 
</div>

產生這樣的： enter image description here

但是當我把文本在div，無論多大的利潤或任何東西我穿上它是這樣做的： enter image description here

但我希望文字在白色圖像上。

任何想法？

來源

2011-03-14 RSM

發佈html代碼。 – 2011-03-14 13:15:18

margin對於此用途padding沒有用處。我嘗試了以下，它的工作！

<div style="background-image: url(&quot;http://i.stack.imgur.com/uisvJ.png&quot;); height: 390px; width: 900px; color: rgb(0, 0, 0); margin-top: 0px; padding-left: 35px; padding-top: 25px;"> 
my text appears here and on top of the image 
</div>

來源

2011-03-14 13:23:15 Kangkan

您需要padding而不是margin。

來源

2011-03-14 13:16:26

<div style="background-image: url('images/middle.png'); height: 390px; width: 900px; margin-top:190px; color:#000000; > 
    <div style="text-align:center;padding-top:XXXXXXpx">Hello there</div> 
</div>

set padding-top：XXXXXXpx to what ever need you;

第二種解決方案是設置內部div樣式到邊距：頂部自動;和寬度：100像素（如果它足夠的文字，可以小於或以上）變化頂部在你需要多少文本從外層div

還遠遠像素，接下來的時間，請添加更多的描述，像文本應該出現的地方:)

來源

2011-03-14 13:21:39

讓我的文字超出背景圖像

回答

相關問題