DIV+JS实现半透明效果 怎么用的

Question

function showSearchResource()...{  var iframe=document.getElementById("transbox");
  iframe.style.display="";
  iframe.style.height=document.body.clientHeight;
  window.showModalDialog('searchResource1.html',window,'dialogWidth=690px;dialogHeight=250px;s
                                                        tatus=no');
  iframe.style.display="none";
}<div id="transbox" style="position:absolute; left:0px; top:0px; display:none;width: 100%;height: 100%;margin: 0 0px;background-color: #000;border: 2px solid black;filter:alpha(opacity=30);opacity: 0.5;-moz-opacity:0.5;"></div>
http://blog.csdn.net/daryl715/archive/2006/12/19/1449583.aspx这个是怎么用的？

Answer 1

filter:alpha(opacity=30);opacity: 0.5;-moz-opacity:0.5;就是实现半透明的代码

Answer 2

<div style="width:200px;filter:alpha(opacity=30);opacity: 0.5;-moz-opacity:0.5;">半透明</div>

Answer 3

我的用途是这样的：比如用户点击“找回密码”按钮是，直接在当前页弹出一个showModeDialog窗口显示findpass-1.asp页面，输入用户名后继续在此窗口进入findpass-2.asp页面回答问题，然后继续在此窗口显示findpass-result.asp页面并给出用户一个新的随即密码。查找密码的各个功能页面都做好了，但是问题是：1、想用这个渐变效果不会用；2、findpass-2.asp 和 findpass-result.asp页面都是在新窗口打开的。请问我的想法可以实现吗？？
给个完整的代码演示好吗？