Safari自定义光标不起作用。

Question

我有一个带有许多热点的图像映射的自定义光标。我的光标在Firefox和Internet Explorer中运行良好，但Safari返回默认光标。

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

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

这是我的实现（请注意，我需要相同的自定义光标用于正常状态、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;
}

有什么想法吗？

- mauzilla

Answer 1

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

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

我不认为引号会阻止它工作，但是尝试一下不加引号。我能想到的唯一其他可能是你的选择器有误，就像你列出的选择器没有包括你正在悬停的东西。

- alt

---

我已经更改了代码（以确保包括每个可能的选择器），但在Safari上仍然存在相同的问题。在Chrome上，光标可以工作，除了悬停状态。这真是令人沮丧！！！#gameScreen区域，#gameScreen .wrapper，#gameScreen .wrapper a:hover，#gameScreen img { 光标：url（cursor/cursor.cur），url（cursor.cur），默认值; }#gameImg，#gameImg区域，#gameImg区域a，#gameImg区域a:hover，#gameImg a，#gameImg a:hover { 光标：url（cursor/cursor.cur），url（cursor.cur），默认值; } - mauzilla

我只是调整了图标的大小，就解决了问题。似乎 Webkit 浏览器需要图标小于 50px x 50px，我把我的 68x68px 的图标调整为 40x40px，然后使用 Jackson Gariety 提供的 CSS 就可以了。 - mauzilla

我发现Safari（Snow Leopard 10.6.8上的5.1.7版本）可以处理64x64像素的自定义URL光标。同样，对于我来说，有引号不会破坏它，但是像其他CSS图像一样，你实际上并不需要它们。 - William Turrell