JS有什么办法让背景图片适合浏览器自适应

gechen_mac 2013-07-25 10:27:11
JS有什么办法让背景图片适合浏览器自适应? 我找了一些例子,自己修改不了,而且我一删除“<input type="text" id="msg" name="msg" size="50"/>”就出问题了。 还望各位前辈指点。 有没有这样的实例啊?
谢谢!!

<style type="text/css">
*{margin:0;padding:0;}
#bg{
position:absolute;
top:0px;
left:0px;
z-index:-999;
}
</style>


<div id="bg"><img src="11111/image/bg.jpg" width="2880" height="1800"></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>
...全文
351 4 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
thy442030800 2013-07-29
  • 打赏
  • 举报
回复
还有,你说的删除<input type="text" id="msg" name="msg" size="50"/>出错,你难道没删掉这一行吗?:document.getElementById('msg').value ='窗口大小:' + 'width:' + w + '; height:'+h;
thy442030800 2013-07-29
  • 打赏
  • 举报
回复
目测上述代码没错,测试了一下,也没错,估计是你自己的代码问题。
chenchengcctq 2013-07-29
  • 打赏
  • 举报
回复
根据分辨率多做几张背景图片,然后根据浏览器的高宽选择对应的背景图片
gechen_mac 2013-07-25
  • 打赏
  • 举报
回复
最好的兼容所有浏览器的。

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧