2010-04-03 35 views
11

जैसा कि आप जानते हैं, सीएसएस :hoverडी में काम नहीं करता है .... लिंक के अलावा किसी तत्व के लिए IE6। इसके लिए क्या तय है। मेरा मतलब है कि मैं उदाहरण के लिए :hover को div पर कैसे लागू करूं? कोई फिक्स/वैकल्पिक/समाधान?आईई 6 होवर इश्यू

धन्यवाद।

+0

इस http://stackoverflow.com/questions/1900768/how-to-enable-hover-on-a-div-for-ie6-using-jquery-in-minmal-code –

उत्तर

8

whatever:hover है। मैंने इसे कभी भी इस्तेमाल नहीं किया है, लेकिन जो मैंने सुना है, वह अच्छी तरह से काम करता है।

जो कुछ भी: सूचना देने के लिए उनकी तरह आप किसी भी अन्य ब्राउज़र में होगा का उपयोग, IE6, IE7 और IE8 quirks के लिए फोकस: मंडराना,: सक्रिय और मंडराना एक छोटे से स्क्रिप्ट कि स्वचालित रूप से पैच है। संस्करण 3 AJAX समर्थन प्रस्तुत करता है, जिसका अर्थ है कि किसी भी HTML जो जावास्क्रिप्ट के माध्यम से दस्तावेज़ में डाला जाता है, भी ट्रिगर करेगा: होवर, सक्रिय और आईई में फोकस शैलियों।

+0

के समान नहीं है उसके लिए एक सीएसएस विकल्प? – Sarfraz

+3

@ सर्फ्राज़ जहां तक ​​मुझे पता है, नहीं, अन्यथा जो भी हो: होवर और अन्य कामकाज मौजूद नहीं होंगे। –

+0

+1 आपके पास बिंदु है, धन्यवाद – Sarfraz

2

विकल्प जावास्क्रिप्ट है।

5

आप डीन एडवर्ड्स से प्रसिद्ध IE7.js का उपयोग कर सकते हैं, जिसका अच्छा लाभ है, कि आप अपने सीएसएस में :hover चयनकर्ता का उपयोग कर सकते हैं।

इसके अलावा, मुझे संदेह है कि आप इसे अकेले सीएसएस के साथ प्राप्त कर सकते हैं। आईई expression() के माध्यम से सीएसएस फाइलों में जेएस को संभाल सकता है, लेकिन यदि आप मेरी बहाव को पकड़ते हैं तो आप चयनकर्ता हैंडलिंग होवरिंग के बिना होवरिंग को संभालने के लिए एक अभिव्यक्ति नहीं प्राप्त कर सकते हैं।

फिर, अंत में, एक छोटी jQuery समाधान:

$(document).ready(function() { 
    $('div').hover(function() { 
    $(this).addClass('hover'); 
    }, function() { 
    $(this).removeClass('hover'); 
    }); 
}); 

तो फिर आप अपने स्टाइलशीट में इस का उपयोग कर सकते हैं:

div:hover, div.hover { ... } 
+1

इस के लिए भी +1। 'होवर' अकेले समर्थन के लिए ओवरकिल, लेकिन अगर आप सभी अतिरिक्त सामान चाहते थे तो महान होगा और अभी तक इसे अभी तक नहीं पता था। –

+0

@ एंडी ई: सच है कि यह अकेले 'होवर' के लिए अधिक है। दरअसल, ज्यादातर जब एक उत्तर 'आप jQuery या इसका उपयोग कर सकते हैं ...' के साथ शुरू होता है, तो यह वही है जो मैं तब टिप्पणी करता हूं। ;-) हालांकि, जैसा कि आप उल्लेख करते हैं, आईई 6 से निपटने के लिए मैं अक्सर अलग-अलग परिस्थितियों के समूह में आईई 7.जेएस के बारे में सोचता हूं। – Boldewyn

3
  • आप केवल paticulars के लिए की जरूरत है div और आप नहीं कर रहे हैं jquery का उपयोग करके पर suckerfis जेएस के लिए @futta सुझाव दिया गया है। http://www.htmldog.com/articles/suckerfish/
  • यदि आप भविष्य में अधिक टैग पर होवर का उपयोग करने की योजना बना रहे हैं और आईई 6 के लिए जो भी हो। एचटीसी के लिए जाने के लिए हर बार जेएस संपादित करना नहीं चाहते हैं। जैसा कि @ पेक्का ने सुझाव दिया था।
Suckerfish vs. .htc 

नीले कोने IIIIN हम Suckerfish, मूल हल्के, सुलभ, क्रॉस-ब्राउज़र, मानकों का अनुपालन करने के लिए है: नकल होवर करें। IIIIN लाल कोने में हमारे पास '.htc' है - नकली करने के लिए सीएसएस के माध्यम से उपयोग की गई जावास्क्रिप्ट फ़ाइलों: होवर।

डिंग डिंग!

और सॉकरफ़िश तुरंत पर जोर देता है। एचटीसी की वैधता -। एचटीसी बस मानक अनुरूप सीएसएस नहीं है।

ओयूओ ... .htc अतिरिक्त चयनकर्ताओं की आवश्यकता के बिना एक चालाक जैब में चुपके ...

सॉकरफ़िश अंगूठी के चारों ओर उछालता है। वह अपने प्रतिद्वंद्वी से बहुत हल्का वजन है।

और ओएच! आईई 5.0 ऊपरी कटाई! यह कुछ है जो .htc में करने का कौशल नहीं है, जबकि सॉकरफ़िश आईई 5.0 को बिना किसी काम कर सकता है।

। एचटीसी डेजेड है! और प्रतियोगिता पर है! अंक पर जीतने वाले सकरफिश! TKO!

  • आप आईई में अन्य बातों के लिए लाभ (होवर के अलावा) प्राप्त करने के लिए भी चाहते हैं तो IE7.js के लिए जाने के रूप में @Boldewyn
  • सुझाव और आप पहले से ही jQuery उपयोग कर रहे हैं और करना चाहते हैं एक सीमित रास्ते में मंडराना का उपयोग तो इस तरह के लिए जाना: How to enable hover on a div for IE6 using jquery in minmal code?

कोई शुद्ध और आईई 6 में इसके लिए वैध सीएसएस समाधान उपलब्ध है।

+0

मेरी आवश्यकता के लिए, suckerfish समाधान पर्याप्त होना चाहिए। – Sarfraz

संबंधित मुद्दे