关于scrollHeight设置弹出层时背景变灰(兼容问题)
1.css代码:
html,body{height:100%;} //考虑到内容很少时,body无法布满整个网页
#vip_div
{
position:absolute;
top:0;
left:0;
width:100%;
display:none;
z-index:20;
background-color: #C0C0C0;
opacity:0.6;
filter:alpha(opacity=60);
}
2.js代码:
function change()
{
document.getElementById("vip_div").style.height = document.documentElement.scrollHeight+"px";
//不加px,在火狐和谷歌上不能显示;document.documentElement.scrollHeight为document.body.scrollHeight时,谷歌、火狐不能全屏显示
document.getElementById("vip_div").style.display = "block";
}
3.html:
<div id=”vip_div”></div>
<input type=”button” onclick=”change();” />
作者:幸福的笨笨熊
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。