jsp弹出窗兼容性的问题

项目要做一个弹出窗口效果，具体代码如下
javascript部分<script type="text/javascript">
function windowSize(){
var div = document.getElementById("tijiao");
div.style.display = "block";
var frame = document.getElementById("frmNextTask");
frame.style.display = "block";
         frame.src = "http://www.baidu.com/";
}
function closeDiv(){
var div = document.getElementById("tijiao");
div.style.display = "none";
}

</script>
HTML部分<body>
 <div id="tijiao" style="position:absolute; width:100%; height:100%; z-index:2; display:none;">
    <div style="position:absolute; width:100%; height:100%; z-index:1"></div>
    <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" background="/images/button_bg.gif">
        <tr>
            <td align="center" valign="middle">
                <table width="650"  height="450" border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc">
                <tr>
                 <td align="left"><a>充值页面</a></td>
                 <td align="right">
                   <a style="color:white;text-decoration: none;" href="javascript:onclick=closeDiv()"><img src="/images/pay/close.jpg" /></a>
                 </td>
                </tr>
                <tr>
                <td bgcolor="#ffffff" width="100%" height="90%" colspan="2">
                <iframe id="frmNextTask" name="frmNextTask"style="width:100%; height:100%; display:none; z-index:2" frameborder="0" scrolling="yes"></iframe>
                </td>
                </tr>
                </table>
            </td>
        </tr>
    </table>
</div> <a href="javascript:void(0)" onclick="windowSize()">弹出窗口</a></body>在IE下可以正常运行，在谷歌和火狐浏览器测试的时候百度首页加载进去了，但是无法进行任何操作，包括搜索，输入，链接求解

解决方案 »

  1.   

    要是你的代码能在IE 下正常运行的话，说明代码本身是没什么问题的。兼容行问题也是要靠代码去解决。具体的解决方法不确定。你可以去查查你写的js，或者css 等页面中是不是有其他浏览器不能解释的部分。找到了想办法解决应该就没问题啦。这里不能给你很详细的解决办法。靠自己吧。
      

  2.   

    <body>
     <div id="tijiao" style="position:absolute; width:100%; height:100%; z-index:2; display:none;">
            <div style="position:absolute; width:100%; height:100%; z-index:1"></div>
            <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" background="/images/button_bg.gif">
                <tr>
                    <td align="center" valign="middle">
                        <table width="650"  height="450" border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc">
                        <tr>
                            <td align="left"><a>充值页面</a></td>
                            <td align="right">
                                 <a style="color:white;text-decoration: none;" href="javascript:onclick=closeDiv()"><img src="/images/pay/close.jpg" /></a>
                            </td>
                        </tr>
                        <tr>
                        <td bgcolor="#ffffff" width="100%" height="90%" colspan="2">
                        <iframe id="frmNextTask" name="frmNextTask"style="width:100%; height:100%; display:none; z-index:2" frameborder="0" scrolling="yes"></iframe>
                        </td>
                        </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>    <a href="javascript:void(0)" onclick="windowSize()">弹出窗口</a></body>把以上代码删除即可