我有一个我的网站的背景图片,当我在Html中获取图像时,它在整个页面上拼贴并停在同一个地方.如何调整图像大小以填充窗口并向下滚动页面,以便文本和内容看起来像是在页面上移动？我已经在你的答案中使用了代码并且图像显示并且没有平铺但是它会在页面上重复而不是向下滚动？
<body background="D:\Documents and Settings\HOME\Desktop\Nathan Taylor\Mancuerda\Web Page\Background copy.jpg" background style="fixed">
<style type="text/css">
html{
background-image: url(D:\Documents and Settings\HOME\Desktop\Nathan Taylor\Mancuerda\Web Page\Background copy.jpg) no-repeat center center fixed;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
有我正在使用的脚本.
我已经成功地将照片设置为我的网站的背景,并让它填充页面,使其固定而不是平铺.现在我希望导航栏出现在图像的中心.但是,尽管我已将图像质量设置为"背景",但导航栏仍隐藏在背景图像后面.如何使其显示在图像的中心.这是我用于图像的编码:
<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>