2011-07-08 22 views
19

एफएफ में काम नहीं करता/मैं निम्नलिखित छवि का उपयोग कर एक कस्टम कर्सर बनाने के लिए कोशिश कर रहा हूँ:सीएसएस कस्टम कर्सर क्रोम

http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png 

छवि का आकार बनाए रखा जाना चाहिए। मैंने बस body { cursor: url('http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png'); } का उपयोग करने की कोशिश की है, हालांकि यह एफएफ/क्रोम में काम नहीं करता है। (अन्य ब्राउज़रों की जांच भी नहीं)

काम करने के लिए इसका कारण क्या है?

उत्तर

24
समस्या

पर एक महान संदर्भ है बस दूसरा तर्क की कमी अपने सीएसएस कोड के साथ लेकिन छवि फ़ाइल के साथ नहीं है ।

यदि आप बस आकार बदलते हैं, तो इसे छोटा करें (मैंने परीक्षण उद्देश्यों के लिए 32 पीएक्स की कोशिश की) यह एक आकर्षण की तरह काम करता है।

आप छवि के रूप में ऑटो के बजाए ऑटो के बजाय "पॉइंटर" भी चाहते हैं;

cursor: url('http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png'), pointer; 

संपादित: मैं अब लगता है कि आपने आकार रखने के लिए चाहता था, लेकिन यह सिर्फ काम नहीं करेगा। अधिक जानकारी के लिए https://developer.mozilla.org/en/Using_URL_values_for_the_cursor_property देखें

+8

"गीको (फ़ायरफ़ॉक्स) में कर्सर आकार की सीमा 128 × 128 पीएक्स है। बड़ी कर्सर छवियों को अनदेखा किया जाता है।" (https://developer.mozilla.org/en/Using_URL_values_for_the_cursor_property) – Gajus

+2

क्विर्कमोड कहता है कि सीमा 32x32 है, और यह एक विंडोज प्रतिबंध है, ब्राउज़र प्रतिबंध नहीं। – Spudley

+1

'name =" "&& ext =" "&& sudo apt-get imagemagick इंस्टॉल करें और" $ name "कन्वर्ट करें।" $ Ext "- 32x" $ name "-smallize करें।" $ Ext " –

15

फ़ायरफ़ॉक्स के रूप में

cursor: url('http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png'), auto; 

एक दूसरे गैर यूआरएल तर्क इस तरह की आवश्यकता है Quirksmode CSS2 - Cursor Styles

+0

मुझे उल्लेख करना चाहिए था, लेकिन मैंने कोशिश की है और यह भी काम नहीं करता है। डेमो उपलब्ध है http://anuary.com/dev/hp/pad3/। – Gajus

+1

फ़ायरफ़ॉक्स का कौन सा संस्करण आप उपयोग कर रहे हैं? यह मेरे लिए ठीक काम करता है - यह मानते हुए कि जब आप ब्लैक बॉक्स पर होवर करते हैं तो आपको एक विशाल हाथ देखना चाहिए। Quirksmode आलेख का उल्लेख है कि छवि 32x32px से छोटी होनी चाहिए जो डेमो में से एक प्रतीत नहीं होता है। – detaylor

+1

@ गुई: एफएफ 5 में ठीक काम करता है; ओपेरा 11 या आईई 8 में काम नहीं करता है (मुझे सामान्य "पॉइंटर" कर्सर मिलता है)। ध्यान दें कि माउस स्थिति कर्सर निर्देशांक (0,0) पर है - यानी "इंडेक्स उंगली" के बाईं ओर पिक्सेल के दसियों; जब तक कि आपके क्लिक लक्ष्य कर्सर के आकार के अनुरूप नहीं होते हैं, तो यह आपके उपयोगकर्ताओं को बहुत गुमराह कर देगा ("वह उंगली बिंदु * वहां *, फिर भी यह * पर क्लिक करता है *, मेरा माउस टूटा हुआ है?")। – Piskvor

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