js改变css样式问题
html：<bodyonload="turnbg()"><divclass="bg"><imgsrc="image/load-bg.png"id="bg"/></div>...
html：
<body onload="turnbg()">
<div class="bg"><img src="image/load-bg.png" id="bg"/></div>
</body>
js:
<script type="text/javascript">
function turnbg(){
document.getElementById("bg").style.height=document.body.clientHeight;
document.getElementById("bg").style.width=document.body.clientWidth;
alert("wsdadasdad");
}
</script>
目的是定义图片宽度为屏幕可用宽度或者浏览器可视宽度，高度同理。
虽然代码在IE和Google，firifox，360都执行了，但是只有在IE实现了图片宽度和可用宽度同宽，其他浏览器都没能实现，请教如何修改代码可以让它在非IE下也能实现。
添加css样式*{margin:0;padding:0} html，body{height:100%;}用getElementsByTagName之后，把原来图片ID给div，效果和documentElement.clientHeight一致依然会有留白，但是确信是代码问题，因为当值改为window.innerWidth和window.innerHeight时无留痕，能填满屏幕，但是IE不支持这个。为了区别，我给了body一个蓝色背景。加背景前的代码已上传图片。 展开
<body onload="turnbg()">
<div class="bg"><img src="image/load-bg.png" id="bg"/></div>
</body>
js:
<script type="text/javascript">
function turnbg(){
document.getElementById("bg").style.height=document.body.clientHeight;
document.getElementById("bg").style.width=document.body.clientWidth;
alert("wsdadasdad");
}
</script>
目的是定义图片宽度为屏幕可用宽度或者浏览器可视宽度，高度同理。
虽然代码在IE和Google，firifox，360都执行了，但是只有在IE实现了图片宽度和可用宽度同宽，其他浏览器都没能实现，请教如何修改代码可以让它在非IE下也能实现。
添加css样式*{margin:0;padding:0} html，body{height:100%;}用getElementsByTagName之后，把原来图片ID给div，效果和documentElement.clientHeight一致依然会有留白，但是确信是代码问题，因为当值改为window.innerWidth和window.innerHeight时无留痕，能填满屏幕，但是IE不支持这个。为了区别，我给了body一个蓝色背景。加背景前的代码已上传图片。 展开
展开全部
document.body.clientHeight+"px" 其他浏览器需要添加单位
如果要满屏
document.getElementById("bg").style.height=document.documentElement.clientHeight +"px";
document.getElementById("bg").style.width=document.documentElement.clientWidth +"px";
如果需要图片拉伸的话
document.getElementById("bg")改成document.getElementById("bg").getElementsByTagName("img")[0]
如果要满屏
document.getElementById("bg").style.height=document.documentElement.clientHeight +"px";
document.getElementById("bg").style.width=document.documentElement.clientWidth +"px";
如果需要图片拉伸的话
document.getElementById("bg")改成document.getElementById("bg").getElementsByTagName("img")[0]
更多追问追答
追问
谢谢，用document.documentElement.clientHeight+"px"定义时屏幕底端出现未被填满的白色区域，IE下双倍高度，请问怎么解决？
追答
body,div,p{margin:0px;padding:0px}清空初始值
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
加段css吧
html,body{height:100%; margin:0px;}
html,body{height:100%; margin:0px;}
更多追问追答
追问
嗯，我尝试一下。依然不行，当值改为window.innerHeight时不留白，但是IE不支持。
追答
不要js控件了，用css控件好了。你用一下我这个代码：
html,body{height:100%;}
*{margin:0; padding:0;}
.bg{position:relative; top:0px; bottom:0px;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
其他浏览器可以考虑附加如下样式：
position = fixed
top = 0
right = 0
bottom = 0
left = 0
position = fixed
top = 0
right = 0
bottom = 0
left = 0
追问
这个不能改变图片大小的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
