jquery – Chrome扩展程序自定义光标

我构建了一个Google Chrome扩展程序,可以在网站中放置一些IMG标记.这个@L_262_2@：hover必须显示自定义光标.该扩展使用jQuery作为其注入的核心脚本.我尝试了以下方法：

1.

var cursor = 'url('+chrome.extension.getURL('icons/cursor.cur')+')';
$('#myImgId').css({
    'position': 'absolute','top':'5px','left':'5px','cursor':cursor
});

这是最好的工作.在较小的站点上,它显示光标.在较慢的加载站点上它没有.但在小网站上它有时会失败.

2.

var cursor = 'url('+chrome.extension.getURL('icons/cursor.cur')+')';    
$('<style>#myImgId{cursor:'+cursor+'}</style>').appendTo('head');

这什么都没做.

3.

在manifest.json中我注入了css.

"content_scripts": [
{
   "matches": ["http://*/*"],"css": ["css/style.css"],"js": ["j/c.js","j/s.js"]
}

css文件只有光标：url(icons / cursor.cur)因为我不知道,如何在css文件中获取真正的url.这根本不起作用.我认为它必须像这样工作,但我没有在code.google上找到这方面的参考.

#myImgId {
 cursor:url('chrome-extension://__MSG_@@extension_id__/icons/cursor.cur');
}