HTML弹窗登陆背景透明的情况下小窗口也跟着透明了
外面大的DIV设置成了透明,里面的小DIV也透明了,是不是颜色的原因?
#logn {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
background-color: #000;
/*设置透明度为60%*/
filter: alpha(opacity=60);
/*设置非IE浏览器透明度60%*/
opacity: 0.6;
/*让这个DIV浮起来*/
z-index: 20;
}
/*登陆DIV输入板*/
#out{
position: absolute;
width: 400px;
height: 300px;
top: 200px;
left: 35%;
background-color: #FFFFFF;
cursor: pointer;
z-Index: 30;
}
而且我把鼠标放在里面那个小DIV里,整个div都是个A标签, 不过点击没任何效果,只有把鼠标放在×上在点击才有效果
/*点击登陆弹开登陆DIV*/
function show(){
var s="<div id='logn'>"+
"<div id='out'>"+
"<a href='#' id='down' onclick='hide();'> ×</a>"+
"</div>"+
"</div>";
$("#landing").html(s);
logn.style.height = document.body.clientHeight + "px"; //设置隐藏层的高度为当前页面高度
}
不是用隐藏本身div 是后面添加上去的