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

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
        });

我尝试了硬编码我的URL，我仍然不能使光标按URL更改。怎么了？

Answer 1

经过一些研究，MDN说：

...可以指定零个或多个(以逗号分隔)，URL后面必须跟CSS规范中定义的关键字之一，如或pointer。

因此，我在jQuery中添加了auto修饰符

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

现在它起作用了。

请注意，它还指出，您必须坚持使用.CUR和.ANI来维护IE6兼容性(希望它列出IE7)。

Answer 2

尝试：

$('#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 3

我刚刚在W3schools上找到了一个可用的例子。你有没有试过不引用你的URL？即

url(http://localhost:12062/Content/themes/base/images/G.png)

而不是

url('http://localhost:12062/Content/themes/base/images/G.png')