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>
...全文
232 点赞 收藏 4
写回复
4 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
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
最好的兼容所有浏览器的。
回复
相关推荐
发帖
JavaScript
创建于2007-09-28

8.5w+

社区成员

Web 开发 JavaScript
申请成为版主
帖子事件
创建了帖子
2013-07-25 10:27
社区公告
暂无公告