css - 使用 CSS 的光标图像

标签 css image cursor

当有人将鼠标悬停在 map 图像上时,我想使用 195 x 29 的图像来替换手。我正在尝试执行此 css,但如果没有可用的 css 选项,我会考虑使用 javascript 选项。我已经尝试了几种不同的 css 选项,但无法获得我正在寻找的结果。目前我的 CSS 代码设置为:

#docmap {float:left;width:620px;height:225px;}
.click a:hover {cursor:url(images/click.png) no-repeat !important;}

我的 html 是:

<div id="docmap" class="click"><a href="http://goo.gl/maps/R3TXp" target="_blank"><img src="http://whistlerworks.com/clients/918smile/site/wp-content/themes/Karma/images/map.png" alt="" /></a></div>

感谢您的帮助。

最佳答案

.click a {cursor: url(images/click.png), pointer}

https://developer.mozilla.org/en-US/docs/CSS/cursor/url

关于css - 使用 CSS 的光标图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15115382/

相关文章:

css - IIS CSS 缓存

css - SCSS 多重选择器

mongodb - mongoDB 中的游标隔离

css - 光标 .svg 在 Chrome 61.0.3163.100 中不起作用

python - 从 django 数据库加载图像文件路径时出错

android - 如何从我的android联系人列表中的人名中获取电话号码

javascript - Animate Foundation 5 下拉菜单

jquery - 限制前置 img 的大小。 <td>使用 jQuery 在 td 中预先添加 img 后尺寸出现偏差

image - 如何启用保持事件状态?

image - 是否可以制作灰度 BMP 文件?