Textfield w dymku nie działa poprawnie w IE

Question

Mam problemy z rozwijaniem w IE, zrobiłem świetny nagłówek, ale teraz sprawdzałem wszystko w Internet Explorerze i znalazłem kilka błędów,

Jedna z nich, nigdy nie miałem czegoś takiego, dlatego mam obsesję na punkcie tego problemu. Nie jestem nawet pewien, czy ktoś wie, jak to naprawić, zaakceptuj wyzwanie!

Wiem, że placeholder DOESNT działa w IE, ale to oczywiście nie jest problem. Jeśli znajdujesz się w dymku i przechodzisz przez pole tekstowe, pole zniknie i musisz przejść jeszcze raz.

Oto niektóre kodu:

<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> 

myślę, że to ze względu na z-index. Ponadto nie chcę używać jquery ani niczego, po prostu chcę naprawić problem, używając odpowiedniego kodu HTML & CSS.

Pytam, czy ktoś zna ten problem,

stronie: (jest tylko w IE 7 & 8)

Dzięki za czytanie;)

Answer 1

Po opróżnieniu otaczaniem problem zostanie rozwiązany. Nie wiem, czy akceptujesz tę pracę, ale hej, działa :)

Answer 2

Chyba używany :hover CSS lub mouseover() JQuery, aby okno się pojawiło. Proponuję użyć mouseentered() sprawdzić poniższy link:

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

i mieć pewność dokonać ul overflow:hidden

Answer 3

IE obecnie nie obsługuje Placeholder .i polecam przenieść z JQuery. Oto przykładowy kod

<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> 

nadzieję, że pomoże