0

我正在开发一个网站，在登录屏幕上，有 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');
}

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

提前致谢

4

1 回答 1

0

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

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

于 2013-01-11T00:00:10.510 回答