Question

$('#spanContainingImage').hover(function () {
            //$(this).css('cursor',"vertical-text");//this works
            console.log('hover');//this is called
            $(this).css('cursor', "url('http://localhost:12062/Content/themes/base/images/G.cur')");//this fails
        });

我试过硬编码我的网址，我仍然无法通过网址更改光标。怎么了？

Answer 1

尝试：

$('#spanContainingImage').hover(function () {
            //$(this).css('cursor',"vertical-text");//this works
            console.log('hover');//this is called
            $(this).css('cursor', "url(" + '@Url.Content("~/Content/themes/base/images/G.cur")' + ")");//this fails
        });

Answer 2

经过一些研究MDN说：

[...]可以指定零个或多个网址（以逗号分隔），必须后跟CSS规范中定义的关键字之一，例如auto或pointer。

所以我将auto修饰符添加到我的jQuery

var url = 'url(@Url.Content("Content/themes/base/images/G.png")), auto';            
$(this).css('cursor', url);

现在它有效。

请注意，它还声明您必须坚持.CUR和.ANI以保持IE6兼容性（希望它列为IE7）。

Answer 3

刚刚在W3schools上查了一个工作实例。您是否尝试过不引用您的网址？即。

URL（HTTP：//本地主机：12062 /内容/主题/碱/图像/ G.png）

而不是

URL（的 'http：//本地主机：12062 /内容/主题/碱/图像/ G.png'）

在MVC3中设置光标css的正确方法是什么？

3 个答案: