नेविगेशन मेनू - होवर पर पृष्ठभूमि अजीब तरीके से व्यवहार करती है

Question

मुझे एक नेविगेशन मेनू में समस्या है जिसके लिए मैंने pie.js (लाइब्रेरी है जो आपको यानी 6-8 ब्राउज़र पर css3) करने की अनुमति देती है। पहली नजर में अच्छी तरह से काम करता है, लेकिन यदि हम मेनू के साथ एक छोटा सा खेलेंगे, गलत व्यवहार :(बढ़ा देंगे। कि अजीब व्यवहार आप कर्सर एक छोटे से तेजी से छोड़ दिया और सही IE8 पर ड्रॉप-डाउन मेनू से अधिक स्थानांतरित करना होगा प्राप्त करने के लिए। यह वह जगह है मैं एक जेएस लाइब्रेरी के माध्यम से एक समारोह।

$(document).ready(function(){ 
    if (window.PIE) { 
     $('.aahov,ul#menu,ul#menu li ul').each(function(){ 
      PIE.attach(this); 
     }); 
    } 

});

चेक इस उदाहरण: http://mainpage.ueuo.com

... और भूल नहीं है, केवल IE8 ब्राउज़रों पर ...

धन्यवाद के।

Answer 1

आपकी स्क्रिप्टिंग मेरे लिए अच्छी लगती है, ऐसा लगता है कि यह आपके स्टाइल में कुछ है। वास्तव में यह सुनिश्चित नहीं है कि आपके पास क्या है, लेकिन आप इसे overflow:hidden का उपयोग करने के लिए आसपास काम करने में सक्षम हो सकते हैं, या कम से कम यह शुरू करने के लिए एक जगह हो सकती है।

Answer 2

यह सिर्फ IE8 कुछ अतिरिक्त गद्दी जोड़ने हो सकता है।

मैंने आपके सीएसएस से देखा कि आप एक सीएसएस रीसेट का उपयोग नहीं कर रहे हैं जो ब्राउज़र आधारित मतभेदों को खत्म करने में मदद कर सकता है।

आप http://meyerweb.com/eric/tools/css/reset/ या इसी तरह के कुछ पर देख सकते हैं।

इसके अलावा IE8 पिछले वाले बच्चे का समर्थन नहीं करता

उल # मेनू ली उल ली: पिछले वाले बच्चे {बॉर्डर-निचला: कोई नहीं; }

तो इससे आपके मेनू आइटमों को भी प्रभावित किया जाएगा।

उपयोगिता बिंदु से एक साइड नोट के रूप में उपयोगकर्ता को यह बताने का अच्छा अभ्यास होगा कि मेनू लिंक एक ड्रॉप डाउन है। संभवतः लिंक के दाईं ओर एक नीचे तीर जोड़ें।