Question

下面是我的代码，cursor1.cur图标与index.html位于同一根文件夹下。可以从以下链接下载cur图标：http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/cursors/cursor1.cur

它在IE11中运行良好，但在Edge中不起作用。任何人都可以帮助我吗？

更新：如果用url：http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/cursors/cursor1.cur替换cursor1.cur。它也适用于Edge。但我仍然想知道如何在Edge中使用相对路径。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
<style type="text/css">
    #myP {
        width: 200px;
        height: 200px;
        background-color: red;
        cursor: url('cursor1.cur'), pointer;
        } 
</style>
</head>

<body>
Content of the document......
<p id="myP">

</p>
</body>

</html>

但是，我发现此示例适用于IE11和Edge：http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/cursor_c.htm。这使我对为什么我的代码仅适用于IE11感到困惑。

Answer 1

我知道我迟到了，但是我遇到了Edge的另一个选择。只有.cur文件才能在Edge中用于设置自定义光标。您可以将.cur文件的URL或项目中的路径用于本地资源。但请确保不要在end parens和auto关键字之间添加任何数字。我的用例是更改结构js注释的光标。重要的是不要在末端parens和auto关键字之间放置任何东西，否则Edge将忽略光标更改。 Chrome和Firefox当然没有问题。
所以我检查它是否是Edge然后我使用 freeDrawingCursor = 'url(http://cur.cursors-4u.net/others/oth-7/oth697.cur),auto'; 如果它是不同的浏览器，我可以指定数字，如 freeDrawingCursor = 'url(http://cur.cursors-4u.net/others/oth-7/oth697.cur) 0 34,auto'; 您在网上看到的大多数答案都会显示正在使用的数字，因此请注意您的用户所使用的浏览器。

边缘自定义光标不起作用

1 个答案: