2012-01-10 20 views
5

में ऑटो व्यवहार कर्सर निर्दिष्ट करें: पूरे शरीर टैग के लिए सूचक, इसलिए पृष्ठ की पृष्ठभूमि क्लिक करने योग्य है, लेकिन मैं यह भी चाहता हूं कि शेष पृष्ठ काम करने के लिए काम करे, इसलिए मैं कर्सर सेट करने का प्रयास करता हूं: div के लिए auto, जिसमें पृष्ठ होता है।कर्सर: IE 8 और 9

एफएफ में, क्रोम और सफारी आईई 6 और 7 में भी ठीक काम करता है, लेकिन ऐसा लगता है कि आईई 8 और 9 और इसे भी स्क्रू करें ओपेरा के पास कर्सर पर ऑटो राय है: ऑटो मतलब।

<!DOCTYPE html> 

<html> 
    <head> 
     <title>Cursor test</title> 
    </head> 
    <body> 

     <div id="newBody" style="width:400px; height:300px; cursor:pointer; background:#ffddee; border:2px solid #ddaa66;"> 
      <div id="pageContent" style="width:200px; cursor:auto; background:#fff;"> 
       <p>This is a paragraph <a href="">click here</a>.</p> 
      </div> 
     </div> 
    </body> 
</html> 

हालांकि यह एक HTML है झलकी सब कुछ एक ही परिणाम के साथ जावास्क्रिप्ट साथ किया जाता है:

यहाँ देखने के लिए कि क्या होता है एक टुकड़ा है।

मानक कुछ वास्तव में अस्पष्ट कहता है: UA वर्तमान कर्सर को वर्तमान संदर्भ के आधार पर प्रदर्शित करने के लिए निर्धारित करता है। , भी इन पृष्ठों

http://www.w3.org/TR/CSS2/ui.html

http://msdn.microsoft.com/en-us/library/aa358795%28v=vs.85%29.aspx

http://www.w3schools.com/cssref/pr_class_cursor.asp

https://developer.mozilla.org/en/CSS/cursor

किसी को भी इस व्यवहार की व्याख्या या उसके चारों ओर संभव तरीके से पता कर सकते हैं इस मुद्दे पर मदद नहीं की?

उत्तर

2

मुझे लगता है कि ऑटो माता-पिता की शैली विरासत में है (यकीन नहीं), मैंने cursor:default; की कोशिश की और यह आईई 8 और एफएफ 3.6 में ठीक काम किया।

<div id="newBody" style="width:400px; height:300px; cursor:pointer; background:#ffddee; border:2px solid #ddaa66;"> 
    <div id="pageContent" style="width:200px; cursor:default; background:#fff;"> 
     <p>This is a paragraph <a href="">click here</a>.</p> 
    </div> 
</div> 
+1

हां, यह मेरे उदाहरण के मुकाबले आईई में थोड़ा बेहतर काम करता है, लेकिन अभी भी सही काम नहीं करता है, टेक्स्ट पर कर्सर "डिफ़ॉल्ट" है, लेकिन यह "टेक्स्ट" होना चाहिए। आईई और एफएफ के लिए अलग शैली की सेटिंग समाप्त हो सकता है। विरासत के लिए, प्रश्न यह है कि ऑटो कैसे काम करता है। क्या यह वारिस के समान है? – Olga

+0

अन्य कर्मचारियों की कमी के लिए: स्वीकार करें। आखिर में मुझे अंत में इसका इस्तेमाल करना पड़ा। हालांकि अभी भी उत्सुक है। – Olga

6

उपयोग सीएसएस:

#pageContent {cursor:default} 
#pageContent * {cursor:auto}​ 

कर्सर IE में हमेशा 'डिफ़ॉल्ट' समाप्त होता है, लेकिन कम से कम अन्य ब्राउज़रों अपेक्षित व्यवहार प्रदर्शित करते हैं।