请教背景如何满屏

[okgef]

<style>
html {
background: -moz-linear-gradient(top, #F1F1F1, #BFF08E);
background: -webkit-linear-gradient(top, #F1F1F1, #BFF08E);
}
body {background:none;}
div{height:200px;}
</style>
<div>请问背景怎么不能满屏呢？</div>

[daswcszxw]

html,body{height:100%;}

[okgef]

引用 1 楼 webyellow 的回复:

html,body{height:100%;}

<style> html { background: -moz-linear-gradient(top, #F1F1F1, #BFF08E); background: -webkit-linear-gradient(top, #F1F1F1, #BFF08E); } body {background:none;} html,body{height:100%;margin:0;padding:0;} div{height:2000px;} </style> <div>div2000px高度后？请问背景怎么不能满屏呢？</div>

[slwsss]

样式设在div上

<style>
div {
background: -moz-linear-gradient(top, #F1F1F1, #BFF08E);
background: -webkit-linear-gradient(top, #F1F1F1, #BFF08E);
}
body {background:none;}
html,body{height:100%;margin:0;padding:0;} 
div{height:2000px;}
</style>
<div>

[okgef]

楼上 大哥，我要的是网页的背景全屏……

[slwsss]

<style>
body {
background: -moz-linear-gradient(top, #F1F1F1, #BFF08E);
background: -webkit-linear-gradient(top, #F1F1F1, #BFF08E);
}
html,body{margin:0;padding:0;} 
div{height:10000px;}
</style>
<div/>

[okgef]

引用 5 楼 slwsss 的回复:

唉，看来没办法全部兼容了，页面小的就用 html,body{height:100%;margin:0;padding:0;} 页面高的就不要100%了 是不是只能这样子了

[gekiranger]

个人觉得单纯用CSS的话比较麻烦，因为每台电脑的长宽分辨率都不同……我自己做的网站是用JQUERY配合JQUERY.aeImageResize实现的： html: <div style="overflow:hidden">///外部必须包含DIV，而且DIV属性必须设置为overflow:hidden <img h="2560" w="1600" src="easyprint/001.jpg" />///h为图片实际宽度，w为图片实际长度 </div> jquery: function bgResize(id, w, h) { var img_w = $(id).attr("w"); var img_h = $(id).attr("h"); var w_scale = w / img_w; var h_scale = h / img_h; if (h_scale * img_w < w) { h_scale = 0; } else if (w_scale * img_h < h) { w_scale = 0; } if (w_scale > h_scale) { $(id).aeImageResize({ height: 0, width: w }); } else { $(id).aeImageResize({ height: h, width: 0 }); } } id是img的名字，如果CLASS=123就填.class，如果ID是234就填#234，w是你希望图片缩放成长度的大小，H是你希望图片缩放成宽度的大小。然后在$(document).ready里面使用bgResize即可。

[似梦飞花]

html{ height:100%; } 不行吗？

[KK3K2005]

背景的样式定义放在body里面 默认意义上的背景层是 body html,body{height:100%;} body { background: -moz-linear-gradient(top, #F1F1F1, #BFF08E); background: -webkit-linear-gradient(top, #F1F1F1, #BFF08E); } 应该不会有人告诉你在 html标签里面画背景把

[okgef]

引用 9 楼 KK3K2005 的回复:

唉没用，遇到有滚动条的就下半身没铺满了…… 分给你们了，结帖先……

[KK3K2005]

引用 10 楼 okgef 的回复:

[quote=引用 9 楼 KK3K2005 的回复:]

唉没用，遇到有滚动条的就下半身没铺满了…… 分给你们了，结帖先……[/quote] body { height:auto; min-height:100% } 再加这个看看