我已经成功地将一张照片设置为我网站的背景,并让它填充页面,使其固定而不是平铺。现在我希望导航栏出现在图像的中心。但是,尽管我已将图像质量设置为"背景",但导航栏仍然隐藏在背景图像后面。如何使其出现在图像的中心。这是我用于图像的编码:
<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>
除非
显示表格数据,否则不使用表。而是做这样的事情
.HTML
<div id="backgroundimage">
//header content goes in here
</div>
.CSS
#backgroundimage{
background-image: url("path-to-image");
//other styles here
}
您没有正确获取图像,您没有将其作为背景图像使用
<body background="websitebackground.jpg" id="backgroundimage">
这应该将图像放在文本后面的背景中。