Question

此页面在Firefox和Chrome中完美运行，但在IE中则不然：

<html>
  <head>
    <style  rel="stylesheet" type="text/css" > 
      body{ 
        cursor: url("crosshair2nosprinkles.cur") 24 24, default;
      }
    </style>
  </head>
  <body>
  </body>
</html>

Answer 1

.cur个文件内置了热点，因此您无需明确指定它。试试这个：

cursor: url("crosshair2nosprinkles.cur"), default;

如果这不能正常工作，请确保光标文件正确定义了热点。

Answer 2

自定义游标语法有点奇怪的跨浏览器。有关这些怪癖，请参阅博客文章 Cross-browser custom CSS cursors ，这样您就可以确定需要为要支持的浏览器实现哪些。

没有看到路径或完整的HTML代码（因为我假设您简化了上述内容），它可能会导致您的URL引用出现问题，因为IE将游标基于相对路径而不是CSS的位置，就像大多数{{1使用，但由source元素。您是否在某些浏览器中遇到404错误而其他浏览器没有错误？链接指南应该能够指导您如何解决它。（或者您可以从代码中提供更多详细信息，包括路径，网络请求和状态，实时示例链接等，我们可以为您提供帮助。）

Answer 3

答案是IE不接受热点coords，所以我不得不自己制作一个隐含热点的光标，而且还必须在页面开头定义DOCTYPE

定义自己的游标在IE 8中不起作用

3 个答案: