Как правильно установить курсор CSS в MVC3?

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, такие как авто или указатель.

Итак, я добавил модификатор auto в свой jQuery

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')