आईओ

Question

में होवर में टेक्स्टफील्ड ठीक से काम नहीं कर रहा है, मुझे आईई में विकास के साथ परेशानी हो रही है, मैंने एक महान शीर्षलेख बनाया है, लेकिन अब मैं इंटरनेट एक्सप्लोरर में सब कुछ देख रहा था और मुझे कुछ बग,

मिली

एक निम्न है, मेरे पास ऐसा कुछ नहीं था, इसलिए मैं वास्तव में इस समस्या से भ्रमित हूं। मुझे यह भी यकीन नहीं है कि अगर कोई जानता है कि इसे कैसे ठीक किया जाए, तो चुनौती स्वीकार करें!

मुझे आईई में प्लेसहोल्डर डोसेंट काम पता है, लेकिन यह स्पष्ट रूप से समस्या नहीं है। यदि आप होवर में हैं, और आप टेक्स्ट फ़ील्ड पर जा रहे हैं, तो बॉक्स गायब हो जाता है, और आपको इसे फिर से जाना होगा।

यहाँ कुछ कोड:

<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 & सीएसएस का उपयोग कर समस्या को ठीक करना चाहता हूं।

मैं तुम्हें अगर किसी को भी इस समस्या से परिचित है, पूछ रहा हूँ

वेबसाइट: (केवल IE 7 & 8 में यह)

पढ़ने के लिए धन्यवाद;)

Answer 1

बनाते हैं। मुझे नहीं पता कि क्या आप उस काम को स्वीकार करते हैं, लेकिन यह काम करता है :)

Answer 2

मैं आप अनुमान लगा प्रयुक्त :hover सीएसएस या mouseover() बॉक्स प्रकट करने के लिए JQuery। मैं mouseentered() नीचे दिए गए लिंक की जाँच का उपयोग करने का सुझाव देते हैं: जब आप बक्सें समस्या हल हो रहा है खाली

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

और सुनिश्चित करने के लिए उल overflow:hidden

Answer 3

आईई वर्तमान में Placeholder का समर्थन नहीं करता है। मैं आपको 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> 

आशा है कि यह मदद करता है