2010-11-17 9 views
9

अगर मैं एक सामान्य div के लिए एक वर्ग का उपयोग करें, मैं लिख सकते हैं की तरह सीएसएस:सीएसएस: हर वर्ग का समर्थन करता है: होवर राज्य?

.messagebc:hover { 
... 
} 

यह कानूनी है?

+0

यह ध्यान रखें कि बहुत कुछ बड़ी साइटों अभी भी IE 6. समर्थन मैं अपने रास्ते से बाहर जाना नहीं होगा आप इसके साथ मिरर कार्यक्षमता प्राप्त सुनिश्चित करने के लिए महत्वपूर्ण है। – Webnet

उत्तर

13

यह उपयोग करने के लिए ineffiecient है: गैर लिंक तत्वों पर होवर करें।

आईई क्लाइंट के लिए गैर-लिंक तत्वों के लिए होवर छद्म चयनकर्ता से बचें।

आप उपयोग करते हैं: गैर लंगर पर तत्वों मंडराना, IE7 और IE8 में पृष्ठ का परीक्षण करें कि आपके पेज प्रयोग करने योग्य है किया जाना है। यदि आपको लगता है कि: होवर प्रदर्शन समस्याओं का कारण बन रहा है, तो सशर्त रूप से आईई क्लाइंट के लिए जावास्क्रिप्ट ऑनसाउस ओवर इवेंट हैंडलर का उपयोग कर विचार करें।

: उदाहरण के लिए:: मंडराना गैर लिंक तत्वों के लिए छद्म चयनकर्ता एक बहुत ineffiecient चयनकर्ता (जैसे) है

h3:hover {...} 
.foo:hover {...} 
#foo:hover {...} 
div.faa :hover {...} 

: मंडराना गैर लंगर तत्वों के लिए जाना जाता है पर छद्म चयनकर्ता कुछ मामलों में आईई 7 और आईई 8 धीमा करें *। जब एक सख्त डॉक्टरेट का उपयोग नहीं किया जाता है, आईई 7 और आईई 8 अनदेखा करेंगे: एंकरों के अलावा किसी भी तत्व पर होवर करें। जब एक सख्त डॉक्टरेट का उपयोग किया जाता है, तो गैर-एंकरों पर होवर प्रदर्शन में गिरावट का कारण बन सकता है।

More info on un-effiecient selectors

3

हां, हालांकि आईई 6 में आप केवल ANCHOR तत्वों पर :hover सेट कर सकते हैं।

4

आपने इसे अभी तक क्यों नहीं देखा है? हां, आप (सभी आधुनिक ब्राउज़रों में, आईई 6 जानता है: अगर मुझे सही याद है तो केवल a पर होवर करें)।

+0

आपको सही याद है। तो सवाल अधिक है: क्या सभी तत्व समर्थन करते हैं: होवर? – Baju

3

केवल IE6 <a> के अलावा अन्य तत्वों पर इसे समर्थन नहीं है, लेकिन है कि एक साधारण जावास्क्रिप्ट के साथ ठीक किया जा सकता: ie7.js

4

हाँ आप आधुनिक ब्राउज़रों (IE7 +) में सभी तत्वों के लिए :hover उपयोग कर सकते हैं। जबकि IE6 समर्थन :hover केवल <a> तत्वों के लिए, आपको HTML और css लिखना चाहिए, इसलिए आपको जेएस-पैच का उपयोग करने की आवश्यकता नहीं होगी (उदाहरण के लिए, सूची-मेनू में केवल <li><a href="#">Link</a></li> का उपयोग करें, <a><li><a> पर नहीं और :hover को लिंक पर असाइन करें तत्व। यह चाल करना चाहिए।)

2

प्रत्येक मौजूदा ब्राउज़र इसका समर्थन करेगा। यदि आपको आईई 6 जैसे पुराने ब्राउजर में काम करने की ज़रूरत है तो @ विल्म के लिंक पर एक नज़र डालें।

3

IE6 की हिस्सेदारी 5.55% है और हर रोज कम हो रही है ताकि आप इसे Wikipedia ie6

0

उपयोग कर सकते हैं अवधि वर्ग द्वारा आप HTML तत्व मतलब तो हाँ W3C कल्पना प्रति आप उपयोग कर सकते है: मंडराना चयनकर्ता सभी तत्वों पर। चाहे आप एक अलग सवाल होना चाहिए या नहीं।

सूत्रों का कहना है:

http://www.w3schools.com/cssref/sel_hover.asp http://www.w3.org/2009/cheatsheet/#search,%3Ahover

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