: सीएसएस का होवर छद्म-वर्ग आईई 7

Question

में काम नहीं करता है मुझे :hover सीएसएस के छद्म वर्ग के साथ समस्या है।

मैं की तरह

tr.lightRow:hover { 
    color:red 
} 

यह सफारी और फ़ायरफ़ॉक्स में काम करता है, लेकिन यह IE7 में काम नहीं करता है यह उपयोग कर रहा हूँ। क्रिप्या मेरि सहायता करे।

Answer 1

आईई 7 का समर्थन करता है: कम से कम मानकों मोड में होवर करें। यह quirks मोड में नहीं हो सकता है।

Answer 2

: होवर प्रत्येक तत्व द्वारा समर्थित नहीं है उदा। यह <a> पर काम करता है लेकिन <div> afaik

Answer 3

आईई पर खराब सीएसएस समर्थन का इतिहास है। मूल रूप से केवल a टैग समर्थित :hover। और आपके पास a:hover span जैसे कुछ भी नहीं हो सकता है यह इंगित करने के लिए कि केवल span टैग को माता-पिता a पर होवर करते समय बदलना चाहिए।

यदि आप सभी आईई संस्करणों में :hover कार्यक्षमता को सही करना चाहते हैं, तो आपको जावास्क्रिप्ट और onmouseover/onmouseout का उपयोग करने की आवश्यकता है।

यह मानकों मोड को सक्षम करने के लिए, यदि आप xhtml डॉक्ट टाइप का उपयोग करते हैं तो यह भी मदद करता है।

Answer 4

मैं कई बार इस आई है - नीचे दिए गए लिंक पर एक नजर है ..

http://www.bernzilla.com/item.php?id=762

"आप के लिए समर्थन चाहते हैं: सभी तत्वों पर जाएँ और न सिर्फ < एक > टैग करें, सुनिश्चित करें कि आप सख्त DOCTYPE का उपयोग कर रहे हैं, इसलिए आईई 7 क्विर्क मोड में नहीं लाता है। "

Answer 5

आईई 6 केवल लिंक पर :hover छद्म वर्ग का समर्थन करता है, लेकिन आईई 7 अधिकांश तत्वों पर इसका समर्थन करता है।

जैसा कि डेविड ने उल्लेख किया है, यह क्विर्क मोड में काम नहीं कर सकता है। इसका कारण यह होगा कि आईई ज्यादातर क्विर्क मोड में आईई 4 के करीब कुछ वापस लौटता है, जिससे बहुत सी आईई विशिष्ट विशेषताएं और कई मानक अनुपालन सुविधाओं को हटा दिया जाता है।

यदि आप ब्लॉक तत्व पर :hover कार्यक्षमता चाहते हैं और आईई 6 पर वापस समर्थन चाहते हैं, तो आप एक लिंक तत्व का उपयोग कर सकते हैं और इसे सीएसएस का उपयोग करके ब्लॉक तत्व बना सकते हैं। ध्यान दें कि एक लिंक केवल इनलाइन तत्वों (जैसे कोई div रों) शामिल कर सकते हैं, इसलिए यदि आप लिंक के अंदर तत्व को चाहते हैं तो आप भी सीएसएस का उपयोग कर कि सेट करने के लिए होगा:

सीएसएस:

.hoverlink { display: block; } 
.hoverlink:hover { background: #eee; } 
.hoverlink .item { display: block; } 

HTML:

<a href="..." class="hoverlink"> 
    <span class="item">Line 1</span> 
    <span class="item">Line 2</span> 
    <span class="item">Line 3</span> 
</a> 

(तुम भी तकनीक का उपयोग कर खोज इंजन पर प्रभाव पर विचार कर सकते हैं। एक लिंक बेहतर प्रभाव पड़ता है, तो यह सिर्फ पाठ का वर्णन क्या यह के लिंक हैं।)