div+css+js 弹窗，父窗口半透明，不可点击，兼容版代码

<style>

#ly { position: absolute; top: 0px; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity:.60; background-color: #777;z-index: 2; left: 0px; width:100%; height:100%;  display: none; }
#Layer2 { position: absolute; z-index: 3; display: none; width:600px; height:488px; background-color:#FFFFFF; border:4px solid #CCCCCC;   }
#addiframe { margin:10px; width:580px; height:450px; margin-top:-5px; }

</style>

 

 

<script>

function locking(t,t2)
{
 document.getElementByIdx_x("ly").style.display="block";
 document.getElementByIdx_x("ly").style.width= "100%";
 document.getElementByIdx_x("ly").style.height= document.body.clientHeight + "px";
 document.getElementByIdx_x("Layer2").style.display = "block";
 document.getElementByIdx_x("Layer2").style.left = (document.body.clientWidth /2 - 300) + "px";
 document.getElementByIdx_x("Layer2").style.top = (document.documentElement.scrollTop + document.body.scrollTop + 80) + "px";
 
 document.getElementByIdx_x("addiframe").src = "sell_iframe_"+t2+"_add.php?ym="+t;
}

function Lock_CheckForm()
{
 document.getElementByIdx_x("ly").style.display='none';
 document.getElementByIdx_x("Layer2").style.display='none';
 return false;
}
</script>

 

 

<div id="ly">
</div>

<div id="Layer2" align="center">
<img src="/images/cha.gif" style="float:right; cursor:pointer; " onclick="Lock_CheckForm()" />
<iframe id="addiframe" src="sell_iframe_hot_add.php" scrolling="no" frameborder="0"></iframe>
</div>