html 怎么让背景图铺满整个页面
作者&投稿：赤肾 （若有异议请与网页底部的电邮联系）
用Dreamweaver软件编辑
一、打开Dreamweaver,然后选中html,出来了一个html标准文档。
二、在标签里添加文件路径，语法如下：
这时，页面虽然充满了背景，但可以看出背景图片被填充了多次。
三、在里添加样式，代码如下：
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
你看，背景就充满页面了。
下面这段代码给div设置了一个宽度和高度，然后添加了一张背景图片，并使用了background-size:cover;这个属性，就会自动放大或缩小背景图片来适应，但是需要指出的是这个属性在需要在IE9及以上版本支持，谷歌和火狐都支持，具体支持情况看上面的图，浅绿的代表支持，粉红的不支持，你也可以到caniuse.com自己查看支持性
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;" charset="utf-8">
<title>无标题文档</title>
</head>
<style type="text/css">
.div1{width:500px;height:600px;background:url(images/class_nav.jpg) ;background-size:cover;}
</style>
<body>
<DIV class="div1"></div>
</body>
</html>
如果是background，一般没有这么弄的，有个替代方法是把图片放在<img>标签内，设置它的宽和高度为100%，
参考：http://blog.csdn.net/ysf871104/article/details/5705099
我自己试出来的，希望有用
例子，用css
<body background="images\002.png"
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
>
background-size: 100% 100%;
background-position: top center;
始会莪术： body{background: transparent url(“ ”) repeat; } 首先确保图片是可以无缝衔接的纹理图,然后把图片作为body的背景repeat
德格县18946904033： html背景图片设全屏 - ？
始会莪术： 背景图片你要设成全屏的话可以在CSS里定义:body{background:url(图片的路径) repeat;}注意,这里要用repeat铺满,它会往横向纵向重复平铺,如果你想只用单独的这张图片,你只能用作图软件把这个小图片拉大成足够的宽和高,但这样会变形,不建议这样做;
德格县18946904033： 在html中设置背景图片,怎样让它能够全屏(平铺,全部显示),而不是只显示一部分 - ？
始会莪术： 将背景图片的长度和宽度的值均设为100%就可以实现全屏显示.
德格县18946904033： html 如何让背景图片充满全图,就是拉伸 - ？
始会莪术： 一行代码可解决 background-size:cover 答题不易,互相理解,您的采纳是我前进的动力,如果我的回答没能帮助您,请继续追问.您也可以向我们团队发出请求,会有更专业的人来为您解答.
德格县18946904033： html里,如果让背景图片根据屏幕大小铺满屏幕,不重复? - ？
始会莪术： css3支持,background-size:cover
德格县18946904033： html背景图片不够大,如何填充整个页面,有相关属性设置吗?谢谢! - ？
始会莪术： 用background-repeat,平铺.或者强制显示100%,图片会变形
德格县18946904033： html中如何让任意图片,作为背景时仅一张图片铺满窗口,不重复,不留空白? - ？
始会莪术： <style>#divBackground{no-repeat;z-index:-1;}</style><body> 我告诉你,我就是神.下面的东西只不过是我的背影.<div id=＂divBackground＂><img src=＂css/images/clock.png＂ style=＂width:100%;height:100%＂></div></body>
德格县18946904033： html怎么让背景图片全屏 - ？
始会莪术： 拉伸:你确定可以拉伸?不让复制:no-repeat
德格县18946904033： html页面比较长,body里的background图片比较短,如何设置属性使图片以拉伸方式占满页面? - ？
始会莪术： 新浪里面那个背景效果,并不是将图片拉长实现的.它只是在上方有图片,而下方使用了和图片底部颜色一致的背景颜色而已.你可以仔细观察一下,将页面拉到下部的时候,再没有了渐变效果,只是纯色而已.
德格县18946904033： dw中用HTML如何将背景图片平铺? - ？
始会莪术： 你可以切换到代码编辑模式输入以下: 如果是整个网页背景平铺默认是平铺 table也是 如果你用css样式的话 body{background:url(bg.jpg)}默认平铺 如果不想重复即平铺可以设置repeat属性 即no-repeat 或者repeat-x repeat-y分别是横轴平铺 、纵轴平铺 希望可以帮到你
