步骤一、首先打开需要修改的HTML文件。
步骤二、然后始化样式，将代码添加在<style></style>标签内。
步骤三、添加一个div容器，然后命名为bg-box
步骤四、背景全屏需要容器全屏，将bg-box的样式补全。
步骤五、设置完毕，图片背景以及全屏了。
如果这张图片为背景图片由于背景图片不具有伸缩性，只能通过别的方法绕着解决，在ie中可以用<body
style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">，实现背景拉伸铺满整个浏览器，但其它的浏览器不支持。
这时可以拐个弯，设置两层div，底层div当做背景使用，放置一张图片即可。
<div id="background" style="position:absolutez-index:-1width:100%height:100%top:0pxleft:0px"><img src="1.jpg" width="100%" height="100%"/></div>
网页背景图片默认情况下是重复平铺满整个页面。上面1方法是要求图片不重复，但又得占满浏览器所采用的方法。
方法：首先点击【新建文件夹】，放入背景图片，在Dreamweaver CS6中点击【新建一个html空白文档】，.将页面内容放入<body></body>中，在<body后按一下空格键，找到background，再按空格，点击【浏览】，选中背景图，点击【确定】，将html另存为在“表格”文件夹里。这样就可以让背景图片跟屏幕一样大。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）