जैसा कि आप जानते हैं, सीएसएस :hover
डी में काम नहीं करता है .... लिंक के अलावा किसी तत्व के लिए IE6। इसके लिए क्या तय है। मेरा मतलब है कि मैं उदाहरण के लिए :hover
को div
पर कैसे लागू करूं? कोई फिक्स/वैकल्पिक/समाधान?आईई 6 होवर इश्यू
धन्यवाद।
जैसा कि आप जानते हैं, सीएसएस :hover
डी में काम नहीं करता है .... लिंक के अलावा किसी तत्व के लिए IE6। इसके लिए क्या तय है। मेरा मतलब है कि मैं उदाहरण के लिए :hover
को div
पर कैसे लागू करूं? कोई फिक्स/वैकल्पिक/समाधान?आईई 6 होवर इश्यू
धन्यवाद।
whatever:hover है। मैंने इसे कभी भी इस्तेमाल नहीं किया है, लेकिन जो मैंने सुना है, वह अच्छी तरह से काम करता है।
जो कुछ भी: सूचना देने के लिए उनकी तरह आप किसी भी अन्य ब्राउज़र में होगा का उपयोग, IE6, IE7 और IE8 quirks के लिए फोकस: मंडराना,: सक्रिय और मंडराना एक छोटे से स्क्रिप्ट कि स्वचालित रूप से पैच है। संस्करण 3 AJAX समर्थन प्रस्तुत करता है, जिसका अर्थ है कि किसी भी HTML जो जावास्क्रिप्ट के माध्यम से दस्तावेज़ में डाला जाता है, भी ट्रिगर करेगा: होवर, सक्रिय और आईई में फोकस शैलियों।
विकल्प जावास्क्रिप्ट है।
आप डीन एडवर्ड्स से प्रसिद्ध IE7.js का उपयोग कर सकते हैं, जिसका अच्छा लाभ है, कि आप अपने सीएसएस में :hover
चयनकर्ता का उपयोग कर सकते हैं।
इसके अलावा, मुझे संदेह है कि आप इसे अकेले सीएसएस के साथ प्राप्त कर सकते हैं। आईई expression()
के माध्यम से सीएसएस फाइलों में जेएस को संभाल सकता है, लेकिन यदि आप मेरी बहाव को पकड़ते हैं तो आप चयनकर्ता हैंडलिंग होवरिंग के बिना होवरिंग को संभालने के लिए एक अभिव्यक्ति नहीं प्राप्त कर सकते हैं।
फिर, अंत में, एक छोटी jQuery समाधान:
$(document).ready(function() {
$('div').hover(function() {
$(this).addClass('hover');
}, function() {
$(this).removeClass('hover');
});
});
तो फिर आप अपने स्टाइलशीट में इस का उपयोग कर सकते हैं:
div:hover, div.hover { ... }
इस के लिए भी +1। 'होवर' अकेले समर्थन के लिए ओवरकिल, लेकिन अगर आप सभी अतिरिक्त सामान चाहते थे तो महान होगा और अभी तक इसे अभी तक नहीं पता था। –
@ एंडी ई: सच है कि यह अकेले 'होवर' के लिए अधिक है। दरअसल, ज्यादातर जब एक उत्तर 'आप jQuery या इसका उपयोग कर सकते हैं ...' के साथ शुरू होता है, तो यह वही है जो मैं तब टिप्पणी करता हूं। ;-) हालांकि, जैसा कि आप उल्लेख करते हैं, आईई 6 से निपटने के लिए मैं अक्सर अलग-अलग परिस्थितियों के समूह में आईई 7.जेएस के बारे में सोचता हूं। – Boldewyn
Suckerfish vs. .htc
नीले कोने IIIIN हम Suckerfish, मूल हल्के, सुलभ, क्रॉस-ब्राउज़र, मानकों का अनुपालन करने के लिए है: नकल होवर करें। IIIIN लाल कोने में हमारे पास '.htc' है - नकली करने के लिए सीएसएस के माध्यम से उपयोग की गई जावास्क्रिप्ट फ़ाइलों: होवर।
डिंग डिंग!
और सॉकरफ़िश तुरंत पर जोर देता है। एचटीसी की वैधता -। एचटीसी बस मानक अनुरूप सीएसएस नहीं है।
ओयूओ ... .htc अतिरिक्त चयनकर्ताओं की आवश्यकता के बिना एक चालाक जैब में चुपके ...
सॉकरफ़िश अंगूठी के चारों ओर उछालता है। वह अपने प्रतिद्वंद्वी से बहुत हल्का वजन है।
और ओएच! आईई 5.0 ऊपरी कटाई! यह कुछ है जो .htc में करने का कौशल नहीं है, जबकि सॉकरफ़िश आईई 5.0 को बिना किसी काम कर सकता है।
। एचटीसी डेजेड है! और प्रतियोगिता पर है! अंक पर जीतने वाले सकरफिश! TKO!
IE7.js
के लिए जाने के रूप में @Boldewynकोई शुद्ध और आईई 6 में इसके लिए वैध सीएसएस समाधान उपलब्ध है।
एक गैर मान्य सीएसएस अभिव्यक्ति समाधान उपलब्ध है लेकिन मैं इस because it's slow
समाधान के उपयोग की सलाह नहीं नहीं होता: http://www.visibilityinherit.com/code/ie6-hover-expression.php
मेरी आवश्यकता के लिए, suckerfish समाधान पर्याप्त होना चाहिए। – Sarfraz
suckerfish and it's offspring provde महान हल्के विकल्प इस उद्देश्य के लिए भी।
इस http://stackoverflow.com/questions/1900768/how-to-enable-hover-on-a-div-for-ie6-using-jquery-in-minmal-code –