遮罩层，滚动条问题

今天遇到的问题是，在弹出层后面的 遮罩层，因为有滚动条，导致滚动条下面不可视区域没有遮罩层，解决方式是加的css。

js代码



</script>css代码

#fullbg{ 

background-color: Gray; 

display:none; 

z-index:3;  

left:0px; 

opacity:0.5; top:0; left:0;height:100%; width:100%; z-index:999; position:fixed; _position:absolute; _left: expression(documentElement.scrollLeft + documentElement.clientWidth – this.offsetWidth); _top: expression(documentElement.scrollTop + documentElement.clientHeight – this.offsetHeight);

filter:Alpha(Opacity=30); 

opacity: 0.3; 

} 

#dialog { 

width:560px; 

background:#eee; 

display: none; 

z-index: 5; 

padding:16px;

font-size:12px;

z-index:1000; position:absolute;

}

#dialog sup{ color:#f00;}

#dialog .close0{ position:relative; top:-24px; left:544px; height:38px; width:40px;}

html代码

<div id=”fullbg”></div> 

<!– end JS遮罩层 –> 

<!– 对话框 –> 

<div id=”dialog”>

<div class=”close0″><a href=”#” onclick=”closeBg();”><img src=”__IMG__/close.png” /></a></div>  

<div id=”dialog_content”>

<h3>个人信息</h3>

<p>(备注：以下信息我们只用于根据需要给您发送相关服务材料，不会对外泄密，敬请理解)</p>

<table width=”555″ border=”0″ cellspacing=”1″ cellpadding=”0″ class=”yh_table”>

              <tr>

                <td width=”65″ bgcolor=”#eeeeee”>^*用户ID</td>

                <td width=”100″ bgcolor=”#fbfbfb”><b>{$member.MEMBER_NAME}</b></td>

                <td width=”65″ bgcolor=”#eeeeee”>^*真实姓名</td>

                <td width=”80″ bgcolor=”#fbfbfb”><b>{$info.NAMES}</b></td>

                <td width=”60″ bgcolor=”#eeeeee”>性别</td>

                <td bgcolor=”#fbfbfb”><b><php>echo $gender[$info[‘GENDER’]];</php></b></td>

              </tr>

              <tr>

                <td bgcolor=”#eeeeee”>^*手机号码</td>

                <td bgcolor=”#fbfbfb”><b>{$info.TELEPHONE}</b></td>

                <td bgcolor=”#eeeeee”>电子邮箱</td>

                <td colspan=”3″ bgcolor=”#fbfbfb”><b>{$member.EMAIL}</b></td>

              </tr>

              <tr>

                <td colspan=”2″ bgcolor=”#eeeeee”>^*有效证件（身份证）</td>

                <td colspan=”4″ bgcolor=”#fbfbfb”><b>{$info.IDS}</b></td>

              </tr>

              <tr>

                <td bgcolor=”#eeeeee”>通讯地址</td>

                <td colspan=”3″ bgcolor=”#fbfbfb”><b>{$info.ADDRESS}</b></td>

                <td bgcolor=”#eeeeee”>邮编</td>

                <td bgcolor=”#fbfbfb”><b>{$info.ZIPS}</b></td>

              </tr>

            </table>

</div> 

</div> 

静下心来，循序渐进。