iframe设置filter:alpha(opacity=0);在ie8下完全透明,ie6下根本不透明

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <SCRIPT LANGUAGE="JavaScript">
  <!--
function choosed() {
    var selectObj = document.getElementById("person");
    var iframe_str = '<iframe id="envelop" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" style="filter:alpha(opacity=0);position:absolute;top:' + absTop(selectObj) + ';left:' + absLeft(selectObj) + ';width:65px;height:20px;background-color:transparent" allowTransparency="true"></iframe>';
    document.body.insertAdjacentHTML('afterBegin', iframe_str);
}
function absLeft(pobj)
{
    var sleft = pobj.offsetLeft;
    while (pobj = pobj.offsetParent)
        sleft += pobj.offsetLeft;
    return sleft;
}function absTop(pobj)
{
    var sTop = pobj.offsetTop;
    while (pobj = pobj.offsetParent)
        sTop += pobj.offsetTop;
    return sTop;
}
  //-->
  </SCRIPT>
 </HEAD> <BODY>
    <table width="1053" border="0" align="center" class=tableBorder bordercolor="#799AE1" cellpadding=2 cellspacing=1>
        <tr bgcolor="#DEE5FA">
            <td colspan="1" width="25%">
                <select id="person">
                       <option>
                           路人甲
                       </option>
                </select>
            </td>
        </tr>
        <tr bgcolor="#DEE5FA">
            <td colspan="4">
                <input type="button" onclick="choosed();" value="一点就透明"/>
            </td>
        </tr>
    </table>
 </BODY>
</HTML>
我做是的用一个iframe去遮盖select,在ie8下可以遮盖,而且iframe完全透明,但是在ie6下虽然遮盖住了,可是没有透明度,直接把select给盖没了

解决方案 »

  1.   

    测试，那有可能是IE8和IE6下定义的透明度不同引起的，
    IE6下 opacity=0 百分百透明，opacity=100 百分百不透明，而IE8下可能正好相反，这个估计是MS为了和FF，NS等IE的透明度值做接近处理吧
      

  2.   

    <meta http-equiv="X-UA-Compatible" content="IE=7" /> 来声明。让IE8强制显示为IE7效果
      

  3.   

    我的代码在id8下正常 只是在ie6下不行 在ie6下将遮盖的select组件完全盖住了 没有达到透明度效果
      

  4.   

    我有一个 input type='file'使用了类似的用法。下边是css
    bottom:0;
    cursor:pointer;
    font-size:20px;
    opacity:0;
    outline:medium none;
    position:absolute;
    right:0;

    _Z-INDEX: 10;
    _FILTER: alpha(opacity=0);