此页面在 Firefox 和 chrome 中完美运行,但在 IE 中无法正常运行:
<html>
<head>
<style rel="stylesheet" type="text/css" >
body{
cursor: url("crosshair2nosprinkles.cur") 24 24, default;
}
</style>
</head>
<body>
</body>
</html>
此页面在 Firefox 和 chrome 中完美运行,但在 IE 中无法正常运行:
<html>
<head>
<style rel="stylesheet" type="text/css" >
body{
cursor: url("crosshair2nosprinkles.cur") 24 24, default;
}
</style>
</head>
<body>
</body>
</html>
.cur
文件具有内置的热点,因此您无需明确指定它。试试这个:
cursor: url("crosshair2nosprinkles.cur"), default;
如果这不能正常工作,请确保光标文件正确定义了热点。
自定义游标语法有点奇怪的跨浏览器。请参阅博客文章Cross-browser custom CSS cursors了解这些怪癖,因此您可以确定需要为要支持的浏览器实现哪些光标。
没有看到路径或完整的 HTML 代码(因为我假设你简化了上面的代码),它可能与你的 URL 引用有问题,因为 IE 的光标相对路径不是基于 CSS 的位置,就像大多数url()
用途一样,而是由源元素。您是否在某些浏览器中遇到任何 404 错误,而在其他浏览器中却没有?链接的指南应该能够引导您完成如何修复它。(或者您可以从代码中向我们提供更多详细信息,包括路径、网络请求和状态、实时示例链接等,我们可以为您提供帮助。)
答案是 IE 不接受热点坐标,所以我必须让自己成为一个带有隐式热点的光标,而且我必须在页面开头定义 DOCTYPE