如何讓文字出現在背景圖片

我已經成功設置了一張照片作爲我網站的背景，並將其填充到頁面中，以便固定並且不平鋪。現在我想讓導航欄出現在圖像的中心。但是，儘管我已將圖像質量設置爲「背景」，但導航欄仍然隱藏在背景圖像的後面。我怎樣才能讓它出現在圖像的中心。這裏是我使用的圖像編碼：如何讓文字出現在背景圖片

<div> 
<table cellspacing="0" cellpadding="0"> 
    <tr> 
     <td> 
      <img id="backgroundimage" src="websitebackground.jpg" /> 
     </td> 
    </tr> 
</table> 
</div> 
<style> 
body, html { margin:0; padding:0; height:100%; } 
#backgroundimage { position:fixed; left:0; top:0; z-index:1; height:100%; width:100%; } 
</style>

來源

2014-01-15 user3198946

使其成爲*實際*背景圖像：'background：url（websitebackground.jpg）' –

並且不要使用'

'進行佈局。 – sbeliv01

該代碼中沒有文本內容。 – Quentin

回答

不使用表，除非你是顯示錶格數據。相反，這樣做

HTML

<div id="backgroundimage"> 
    //header content goes in here 
</div>

CSS

#backgroundimage{ 
    background-image: url("path-to-image"); 
    //other styles here 
}

來源

2014-01-15 16:11:30 jmore009

您沒有正確來源的形象，你有沒有采購它作爲背景圖像使用

<body background="websitebackground.jpg" id="backgroundimage">

這應該把圖像放在文字後面的背景中。

來源

2014-01-15 16:37:52 ThunderToes

相關問題