ホバーのテキストフィールドがIEで正常に動作していない

Question

IEでの開発に問題があります。私はすばらしいヘッダーを作成しましたが、今はInternet Explorerのすべてをチェックしていましたが、いくつかのバグを見つけました。

次のようなものがあります。このようなことは一度もありませんでした。そのため、私はこの問題に真剣に取り組んでいます。私は誰もがこれを修正する方法を知っている場合でも、挑戦を受け入れるか分からない！

IEでのプレースホルダDOESNTの作業を知っていますが、それは明らかに問題ではありません。ホバーにいて、テキストフィールドを上っている場合、ボックスは消え、もう一度上に移動する必要があります。ここで

いくつかのコード：

<ul> 
    <div class="transparant"> 
     <div class="dropbox"> 
      <div class="login"> 
       <div class="textfield"> 
        <form method="post"> 
         <input id="textfield_post" type="text" name="username" placeholder="Gebruikersnaam" class="matrix"/>  
       </div> 
      </div> 

      <div class="pass"> 
       <div class="textfield"> 
        <input id="textfield_post" type="password" name="password" placeholder="Wachtwoord" class="matrix"/> 
       </div> 
      </div> 

      <div class="loginbutton"> 
       <input type="submit" class="btn" value= "Login" type="button" id="login_button"></form> 
      </div> 

      <div class="forgotpass"> 
       <a href="#" onclick="NewPassword()">Forgot password?</A> 
      </div> 
     </div> 
    </div> 
    </div> 
</ul> 

私はそれが理由Zインデックスのだと思います。また、私はjqueryや何かを使用したくない、私はちょうど正しいHTML & CSSを使用して問題を修正したい。

誰もがこの問題に精通している場合、私は、ウェブサイト、

あなたを求めている：（それが唯一のIE 7 & 8である）読書のための

感謝を;）

Answer 1

ことを確認する：私はmouseentered()は次のリンクをチェックし使用することをお勧めします。私はあなたがその仕事を受け入れるかどうかわかりませんね、それは動作します:)

Answer 2

私はあなたを推測しますused :hover CSSまたはmouseover() JQueryでボックスを作成します。

http://www.mkyong.com/jquery/different-between-mouseover-and-mouseenter-in-jquery/

し、問題が解決されたテキストボックスを空にするとUL overflow:hidden

Answer 3

IEは現在サポートしていませんPlaceholder .iはJQueryと一緒に移動することをお勧めします。ここではサンプルコード

<p><script type="text/javascript"> 
    $(function() { 
     if (!$.support.placeholder) { 
      var active = document.activeElement; 
      $(':text').focus(function() { 
       if ($(this).attr('placeholder') != '' && $(this).val() == $(this).attr('placeholder')) { 
        $(this).val('').removeClass('hasPlaceholder'); 
       } 
      }).blur(function() { 
       if ($(this).attr('placeholder') != '' && ($(this).val() == '' || $(this).val() == $(this).attr('placeholder'))) { 
        $(this).val($(this).attr('placeholder')).addClass('hasPlaceholder'); 
       } 
      }); 
      $(':text').blur(); 
      $(active).focus(); 
     } 
    }); 
</script> 
</p> 

は、それが