Question

我正在开发一个网站，并且在登录屏幕上，有2个<input type=text>字段用于输入电子邮件和密码，事情是，在IE8中文本字段显示为2秒然后消失，我仍然可以输入空格，但你只是看不到字段

在Chrome，Firefox，IE9中它的全部工作都不错，在IE9中使用兼容模式IE8确实有用，只有在装有IE8的电脑上才会发生这种情况，你可以在链接上查看它

http://kastulo.herobo.com

<body>
<!--[if lte IE 7]><script src="js/ie6/warning.js"></script>      <script>window.onload=function(){e("js/ie6/")}</script><![endif]-->

<div id="login_form">

<?php
    //Forma de ENTRADA DE USUARIOS
    echo form_open('login/validate_form');?>
        <input type="email", name="email" id="email_entrada" value="<?php set_value('email');?>">
        <input type="password" name="password" id="pass_entrada">
        <input type="image" width="150" height="50" src="<?php echo base_url();?>css/images/boton_entrar.png" name="submit" id="btn_entrar" class="center">
        <?php
        echo validation_errors('<p class="error center" id="login_errors">');
    echo form_close(); //FIN de forma de ENTRADA DE USUARIOS

?>
</div>

</body>

编辑：它实际上是type =“password”和type =“email”

我对这些字段的css是：

#email_entrada{
position: relative;
top:195px;
}

#pass_entrada{
position: relative;
top:246px;
}

#login_form input[type="password"], input[type="email"]{
font-family: Arial;
font-size: 16px;
display: block;
padding:5px;
margin: 0 auto;
width: 230px;
color: white;
box-shadow: 0 1px 1.5px -2.5px #FFFFFF;
-moz-box-shadow: 0 1px 1.5px -2.5px #FFFFFF;
-webkit-box-shadow: 0 1px 1.5px -2.5px #FFFFFF;
background-color: #3A3A3A;
border: 1px solid black;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
behavior: url('ie-css3.htc');
}

为什么会发生这种情况的任何想法？

提前致谢

Answer 1

您遇到的问题似乎表明您正在加载的ie-css3.htc行为（在CSS中）存在问题，这只会影响Internet Explorer 8及更低版本。尝试阅读known problems with IE-CSS3。

如果您的网站在较旧版本的Internet Explorer上看起来较少，也可以考虑完全删除IE-CSS3。在我看来，如果你无法解决他们可能导致的怪癖，那么使用像这样的“黑客”是一个坏主意。

输入类型文本在IE8中不消失

1 个答案: