Chrome悬停自定义光标 [英] Chrome hover custom cursor

问题描述

我为我的项目使用自定义光标。自定义光标在IE和FF中工作得很好，但在Safari和Chrome中它工作正常，但hoverstate默认返回到尖的手。我确保我使用每个和一切选择器可能，以确保它使用指针为这种情况下，但没有成功。有没有其他人有可能的解决方案？我使用的CSS是：

I am using a custom cursor for my project. The custom cursor works perfectly in IE and FF, but in Safari and Chrome it works, but the hoverstate defaults back to the pointy hand. I ensured that I use each and everything selector possible to ensure it uses the pointer for this cases, but no success. Does anyone else have a possible solution? The CSS I use is:

#gameScreen area, #gameScreen .wrapper, #gameScreen .wrapper a:hover, #gameScreen img, #gameScreen img a:hover, #gameImg, #gameImg area, #gameImg area a, #gameImg area a:hover, #gameImg a, #gameImg a:hover, #gameImg img a:hover {
    cursor: url(cursor.cur), url(images/cursor.cur), default;
}

推荐答案

解决方案除了使用jQuery，隐藏您的游标，然后创建一个空的div，然后应该使用.css（）方法在jQuery中跟随您的鼠标光标。

I have not found any feasible solution except to use jQuery, hide your cursor and then create an empty div which should then "follow" your mouse cursor using the .css() method in jQuery.

不一个愉快的工作，但它工作。

Not a pleasant work around but it works.

这篇关于Chrome悬停自定义光标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！