호버의 텍스트 필드가 IE에서 제대로 작동하지 않습니다.

IE에서 개발하는 데 문제가 있습니다. 위대한 헤더를 만들었지 만, 이제는 Internet Explorer에서 모든 것을 확인했고 몇 가지 버그를 발견했습니다.호버의 텍스트 필드가 IE에서 제대로 작동하지 않습니다.

하나는 다음과 같습니다. 나는 이런 식으로 된 적이 없었습니다. 그래서 나는이 문제에 정말로 집착하고 있습니다. 이 문제를 해결하는 방법을 아는 사람이 있는지는 잘 모르겠지만 도전을 받아들입니다.

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시) 읽기

감사)

출처

2012-12-18 Mr chinpansee

뿐만 아니라 CSS 파일을 제공하는 데 도움이 희망 샘플 코드를입니다. 따라서 문제를 확인하는 것이 더 쉬울 것입니다. – Bobby

도움이 될지 모르겠지만 FORM 태그는 버튼을 포함한 모든 양식 필드를 둘러 쌀 때 첫 번째 입력 만 둘러 쌉니다. –

// 당신을 잘못 읽었습니다. 저도 압니다 만, 문제는 아닙니다. Billy, 실제로 필자가 값을 치우는 것으로 눈치 챘다면, IE에서는 "자리 표시 자"가 없다. –

을합니다. 나는 당신이 주위에 그 일을 받아들이면 모르겠지만, 이봐 작동, :) 작품

출처

2013-01-18 11:48:19 AgeDeO

난 당신을 생각 used :hover CSS 또는 mouseover() 상자를 만드는 JQuery가 나타납니다. 나는 mouseentered() 다음 링크를 확인 사용하는 것이 좋습니다 : 당신은 문제가 해결 된 텍스트 상자를 비울 때

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

하고 확인하기가 UL overflow:hidden

출처

2012-12-18 12:08:46

솔직히 말해서, 이것이 좋은 아이디어라고 생각합니다. 병을 사용해보십시오! 또한이 방법이 효과가 있을지는 모르겠지만 시도하지 않은 사람은 누구입니까? –

시도해보고 정상적으로 작동합니다. –

IE는 현재 지원하지 않습니다 IE는 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>

그것이

출처

2013-01-25 05:35:15 GaneshKumar

호버의 텍스트 필드가 IE에서 제대로 작동하지 않습니다.

답변

관련 문제