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; 
}

任何想法

答

这里是最浏览器兼容的语法我能想到的有可能是一个更好的与浏览器的黑客，但我会忽略它。

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

我不认为引用会阻止它的工作，但没有它们就尝试。我能想到的唯一一件事就是你的选择器是错误的，就像你列出的选择器不包括你正在盘旋的东西。

我已将代码更改为（以确保包含每个可能的选择器），但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自定义光标不能正常工作

相关推荐