Safari自定義光標不能正常工作

我有一個自定義光標，有很多熱點的圖像映射。我的光標在Firefox和Internet Explorer中正常工作，但Safari返回默認的光標。Safari自定義光標不能正常工作

我使用了在其他網站上發現的代碼。我的目錄結構是：

的index.php> CSS/main.css的>的CSS /圖像/ pencil.cur

這是我實現（請注意，我需要相同的自定義光標正常和一個，一個：懸停和：訪問的狀態：

#gameScreen area, #gameScreen .wrapper, #gameScreen .wrapper a:hover, #gameScreen .wrapper a:visited { 
    cursor: url("images/rcspencil.cur"),url("css/images/rcspencil.cur"),default; 
}

任何想法

來源

2011-11-11 mauzilla

這裏是最瀏覽器兼容的語法我能想到的有可能是一個更好的與瀏覽器的黑客，但我會忽略它。

cursor: url(cursor.cur),url(cursor/cursor.cur),default;

我不認爲引用會阻止它的工作，但沒有它們就嘗試。我能想到的唯一一件事就是你的選擇器是錯誤的，就像你列出的選擇器不包括你正在盤旋的東西。

來源

2011-11-11 07:41:11 alt

我已將代碼更改爲（以確保包含每個可能的選擇器），但Safari上的問題仍然存在。在Chrome上，除了懸停狀態外，光標還可以工作。這令人沮喪！＃遊戲屏幕區域，＃遊戲屏幕.wrapper，＃遊戲屏幕.wrapper a：懸停，＃遊戲屏幕img {cursor}：url（cursor/cursor.cur），url（cursor.cur），default; （cursor.cur），url（cursor.cur），遊標（遊標），遊標（遊標），遊標（遊標），遊標（遊標），遊標（遊標），遊標（遊標）等。），默認; } – mauzilla

我通過調整圖標大小來修復它。看來，webkit瀏覽器需要的圖標小於50px x 50px，我調整了我的68x68px大小到40x40px，並且它的工作，傑克遜Gariety提供的CSS – mauzilla

@MauritzSwanepoel我發現Safari（5.1.7雪豹10.6。 8）可以處理64x64px自定義URL遊標。另外（對我來說）引用不會破壞事物，但同樣，對於其他CSS圖像，您實際上並不需要它們。 –

Safari自定義光標不能正常工作

回答

相關問題