css - Safari 自定义光标不起作用

标签 css safari cursor imagemap

我有一个带有很多热点的图像 map 的自定义光标。我的光标在 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;
}

有什么想法吗?

最佳答案

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

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

我不认为引号会阻止它工作,但没有它们试试吧。我唯一能想到的另一件事是你的选择器是错误的,就像你列出的选择器不包括你悬停的东西。

关于css - Safari 自定义光标不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8090976/

相关文章:

html - 覆盖链接样式

html - 从普通 HTML 表格制作响应式表格

sql - T-SQL:带有表和列参数的游标

jquery - 使用 jQuery/HTML5 聚焦光效

html - 如何使用 Flexbox 将元素移动到屏幕的不同侧面?

html - iOS7主屏app重置不删除离线数据库

javascript - MediaDevices.getUserMedia() 提示用户获得许可,然后在全屏而不是在浏览器中启动相机应用程序

css - safari 中的行高问题

javascript 选择自定义光标 (svg)

sql - 为什么基于关系集的查询比游标更好?