Safari 自定义光标不起作用答案

【问题标题】：Safari custom cursor not workingSafari 自定义光标不起作用
【发布时间】：2011-11-11 07:37:10
【问题描述】：

我有一个用于具有很多热点的图像地图的自定义光标。我的光标在 Firefox 和 Internet Explorer 中工作正常，但 Safari 会返回默认光标。

我使用了在其他网站上找到的代码。我的目录结构是：

index.php > css/main.css > css/images/pencil.cur

这是我的实现（请注意，对于 normal 和 a、a:hover 和 a:visited 状态，我需要相同的自定义光标：

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

有什么想法吗？

【问题讨论】：

标签： css safari cursor imagemap

【解决方案1】：

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

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

我不认为引用会阻止它工作，但如果没有引用，请尝试一下。我唯一能想到的另一件事是您的选择器错误，例如您列出的选择器不包括您悬停的东西。

【讨论】：

我已将代码更改为（以确保包含每个可能的选择器），但在 Safari 上仍然存在相同的问题。在 Chrome 上，除了悬停状态外，光标都可以工作。这很令人沮丧！！！！ #gameScreen area, #gameScreen .wrapper, #gameScreen .wrapper a:hover, #gameScreen img { cursor: url(cursor/cursor.cur),url(cursor.cur),default; } #gameImg, #gameImg area, #gameImg area a, #gameImg area a:hover, #gameImg a, #gameImg a:hover { cursor: url(cursor/cursor.cur),url(cursor.cur),default; }
我通过调整图标大小来修复它。似乎 webkit 浏览器需要图标小于 50px x 50px，我将 68x68px 的大小调整为 40x40px，并且使用 Jackson Gariety 提供的 CSS
@MauritzSwanepoel 我发现 Safari（Snow Leopard 10.6.8 上的 5.1.7）可以处理 64x64px 自定义 URL 光标。另外（对我来说）有引号不会破坏事情，但同样，对于其他 CSS 图像，你实际上并不需要它们。