Question

我有以下.jsp（signIn.jsp）：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<div id="logBanner">

<form id="regForm" class="little-form" action="../user/signIn" method="post" >  
                    <label id="lblNickname" for="txtNickname">Nombre de usuario:</label>
                    <input id="txtNickname" type="text" name="nickname"  />
                    <label id="lblPsw" for="txtPsw">Contraseña:</label>
                    <input id="txtPsw" type="password" name="password"/>
                    <p><button type="submit" id="btnIngresar" >Ingresar</button></p>
</form> 
</div>

当用户点击主页上的按钮时，会调用以下javascript函数来呈现表单：

function displaySignForm(){

    jQuery.get('../../jsp/signIn.jsp', {}, function renderForm(data, textStatus, XMLHttpRequest){   
     var log = document.getElementById('log');
     preDiv = document.getElementById('signInWindow');
     if (preDiv==null){
         var div = document.createElement('div');
         div.id = "signInWindow";
         div.innerHTML = data;
         log.appendChild(div);
     }
     else {
         log.removeChild(preDiv);
     }
    }
    );
}

获取表单并在网页中显示。

我的问题如下：在ie7上我既不能在文本框上书写也不能按下提交按钮，看起来好像一切都被禁用了。它在ie8，chrome和firefox上运行良好。它可能是什么？

谢谢！

Answer 1

这可能是div的z-index的问题。我在IE7中遇到过类似的问题并使用了这个脚本：

<!--[if IE]>

jQuery(document).ready(function() {
//zIndex FIX for IE 7 and 8 Starts Here

    jQuery(function() {
        var zIndexNumber = 9000;
        jQuery('div').each(function() {
            jQuery(this).css('zIndex', zIndexNumber);
            zIndexNumber -= 10;         

            var overlay = zIndexNumber * 1000;
            var overlaylevel = overlay * 10;
            jQuery('#sbox-overlay').css('zIndex', overlay);
            jQuery('#sbox-window').css('zIndex', overlay);
        });

    }); 
//zIndex FIX for IE 7 and 8 ENDS Here 
});
</script>
<![endif]-->

ie7不让我输入文本框但是是chrome，firefox，ie8

1 个答案: