怎么使网站的背景图片在不同的分辨率下都能铺面全屏?
我是在1024下做的网页,为什么在高一点的分辨率下会出现白条?我试了很多办法,如果背景图片不重复,总会出现这种情况哪位高手帮忙解决一下谢谢了...
我是在1024下做的网页,为什么在高一点的分辨率下会出现白条?我试了很多办法,如果背景图片不重复,总会出现这种情况哪位高手帮忙解决一下谢谢了
展开
1个回答
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>窗口背景变化</title> <style type="text/css"> *{margin:0;padding:0;} #bg{ position:absolute; top:0px; left:0px; z-index:-999; } </style> </head> <body> <div id="bg"><img src=" http://www.cnvzz.com/code/bg.jpg" alt="HIGH"></div> <input type="text" id="msg" name="msg" size="50"/> <script type="text/javascript"> window.onresize = window.onload = function(){ var w,h if(!!(window.attachEvent && !window.opera)) { h = document.documentElement.clientHeight; w = document.documentElement.clientWidth; }else{ h = window.innerHeight; w = window.innerWidth; } document.getElementById('msg').value ='窗口大小:' + 'width:' + w + '; height:'+h; var bgImg = document.getElementById('bg').getElementsByTagName('img')[0]; bgImg.width = (w - 5); bgImg.height= (h-5) ; } </script> </body> </html> 预览地址 http://www.cnvzz.com/code/jsbj.htm
希望采纳
希望采纳
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询