<html>
<body>
<div id="Layer1" style="position:absoluteleft:0pxtop:0pxwidth:100%height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
网页背景默认是平铺整个屏幕的,可能有以下原因导致不能平铺:
1、图片不够大,又background属性不能拉伸图片;
2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img>;
3、body的background属性去掉,要不然会被遮住。
具体操作步骤如下:
1、打开Dreamweaver CS6软件后准备好空白的HTML,点击导航上的修改,点击弹出菜单里的页面属性:
2、打开页面属性后选择外观分类,点击背景图像后面的浏览,选择背景图片:
3、在选择图像文件对话框里,选择要设定的背景图片然后点击确定:
4、设置后返回到页面属性对话框,此时可以看到背景图像那有值了,然后设置重复为no-repeat,点击确定:
5、确定之后背景图片平铺添加就成功了: