如何设置背景图片使它能适应不同分辨率而不重复

body背景好象不能拉伸,你可以试下用个大表格做为背景
使用document.body.scrollWidth和scrollHeight获取网页正文宽和高,然后设置表格的大小和表格背景的大小
嘿嘿,我也是菜鸟,大家不要笑我

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

感谢grearo()  呵呵
    我刚开始就是在table里设的背景，还是不能解决问题啊，仍然不能平铺，请大家多多帮忙，谢谢了哈~
图片写成背景的不能拉伸
但可以使其固定居中
<style type="text/css">
body{
background:url(images/test2.jpg) center center;
background-repeat:no-repeat;
background-attachment:fixed;}
</style>
呵呵，看看合用不？<style type="text/css">
body{
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.csdn.net/ui/styles/public_header_footer/logo_csdn.gif', sizingMethod='scale');}
</style><body>
</body>
呵呵  问题解决拉～～
     <style type="text/css">
     body{
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.csdn.net/ui/styles/public_header_footer/logo_csdn.gif', sizingMethod='scale');     }
     </style>
用滤镜就行了，谢谢各位的帮助，以后请大家多多帮助，呵呵～
还有一个问题，我用了滤镜后，在这个body里的链接（我用的是图片）不可选了，这是怎么回事？跟我滤镜有关吗？<style type="text/css">
body{
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/index_main.jpg',sizingMethod='scale');

}
</style>
</HEAD>
<BODY>
    <TABLE border="0" cellpadding="0" cellspacing="0">
      <TR>
      <TD width="80" align="center"><a href="./html/aa.html" onFocus="this.blur()"><img src="./img/an2.jpg" border="0" height="30"></a>
      </TD>
      </TR>
    </TABLE>
</BODY>
是的，这个滤镜是有这个缺点，一般我们用的时候需要用一个DIV或别的容器来使用，并将这个DIV的zindex设置为低于需要显示的内容的容器！
那就不能在body里面试用这个滤镜了是吗？
你能不能帮我改改呢？
<style type="text/css">
.bg{
width:100%;
height:100%;
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.csdn.net/ui/styles/public_header_footer/logo_csdn.gif',sizingMethod='scale');
position:absolute;
top:0;
left:0;
z-index:-1;
}
</style>
</HEAD>
<BODY>
<div class="bg"> </div>
    <TABLE border="0" cellpadding="0" cellspacing="0">
      <TR>
      <TD width="80" align="center"><a href="./html/aa.html" onFocus="this.blur()"><img src="./img/an2.jpg" border="0" height="30"></a>
      </TD>
      </TR>
    </TABLE>
<script type="text/javascript">
var mx = 6645;
var m = new Array();
m[0] = 3238;
m[1] = 2008.5;
m[2] = 1305;
m[3] = 1455;
m[4] = 1079;
m[5] = 1528.5;
m[6] = 1918.5;
m[7] = 3231.5;
m[8] = 4616;
m[9] = 4017;
m[10] = 2937;var ra = new Array();function test1(arr){
for(var i=0;i<arr.length;i++){
test1_match(arr[i],i);
}
}function test1_match(n,l){

} function dti(s){
var n = 0;
var a = s.match(/(\d+\.\d+)|(\d+)/g);
for(var i=0;i<a.length;i++){
if(a[i].length<2){
a[i] = "0"+a[i];
}
}
n = a.join("");
return n;
}document.write(dti("4.95 KB")+","+dti("3,96KB")+"<br/>");
document.write(parseFloat('4.95 KB')+","+parseFloat('3,96KB'));function saveimg(){
var obj = document.getElementsByTagName("IMG");
var outStr = '<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></object>';
for(var i=0;i<obj.length;i++){
outStr += '<img src="'+obj[i].src+'">';
}
var w = window.open("about:blank",null,"toolbar=yes,left=0,top=0");
var wbody = w.document.open();
wbody.write(outStr);
wbody.close();
w.document.getElementById("WebBrowser").ExecWB(4,1);
w.close();
outStr = null;
w = null;
obj = null;
}
</script><script type="text/vbscript">
msgbox(clng("&Ha"))
</script><img src="http://www.csdn.net/ui/styles/public_header_footer/logo_csdn.gif">
<input type="button" value=" save images " onclick="saveimg();"></BODY>
<img src=csdn.gif width=100% height=100% style="position:absolute;top:0;left:0;z-index:-1">
here you should consider the compatibility of multi browsers.alpha only can be display in IE or the bowser which basic of IE.you can try in Firefox, you will get a big surprise.so if you are a web designer you should do this seriously.