0

私はウェブサイトを開発しています。ログイン画面には、<input type=text>メールアドレスとパスワードを入力するための2つのフィールドがあります。つまり、IE8では、テキストフィールドが2秒間表示されてから消えますが、スペースを入力することはできますが、あなたはただフィールドを見ることができません

Chrome、Firefox、IE9ではすべて正常に動作します。互換モードを使用するIE9では動作します。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

発生している問題は、(CSS で) 読み込んでいる動作に問題があることを示しているようですie-css3.htc。これは、Internet Explorer 8 以下にのみ影響します。IE-CSS3の既知の問題を読んでみてください。

また、古いバージョンの Internet Explorer で見栄えを落とすことでサイトを処理できる場合は、IE-CSS3 を完全に削除することを検討してください。私の意見では、これらのような「ハック」を使用することは、それらが引き起こす可能性のある癖を解決できない場合、悪い考えです.

于 2013-01-11T00:00:10.510 に答える