实现DIV遮罩效果
分类:电脑知识 发表于:2009-02-12 11:24:48 评论(0)
<style>
#divBody
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:#4580C0;
filter:alpha(opacity=50);
z-Index:200;
}
</style>
<script type="text/javascript">
function change()
{
if(document.getElementById("divBody").style.display=="none")
{
document.getElementById("divBody").style.display="";
}
else
{
document.getElementById("divBody").style.display="none";
}
}
</script>
<div id="divBody" style="display:none;"></div>
<div style="z-index:300; position:absolute; left:100px; top:100px"><a href="#" onclick="change();">点我</a>