为什么我的自定义光标位置偏离了?

时间:2014-11-12 22:42:59

标签: html css cursor

所以我使用在线光标转换器将我的.png图标转换为.cur图标。当我试用它时,图标在右边和顶部约10个像素。经过一些谷歌搜索,我发现光标的热点设置错误"。我试图从VS 2012图像编辑器编辑它。它不会让我。

我已经解决了这个问题,当SO让我时,我会提出答案。

注意:我在Windows 7上使用IE 11。它不喜欢这个CSS:

cursor: url(../Images/deletecursor.cur) 5 -5, pointer;
IE完全忽略了它。我不得不把它设置为:

cursor: url(../Images/deletecursor.cur), pointer;

这是解决问题的第1部分。

1 个答案:

答案 0 :(得分:0)

首先,在IE中我必须拥有CSS:

cursor: url(../Images/cursor.cur), pointer;

然后我修复它的方式是访问这个网站:http://www.cursor.cc/?并用它来设置热点(图形化)。之后,这一切都按照我的预期运作。

现在被授予,我不会接受我的答案作为答案。因为我确定其他人会遇到类似的问题。此问题将有Opera,Firefox和Chrome版本。此外,我确信其他浏览器也会有javascript,jquery和plain css解决方案。

话虽如此,用于修复热点问题(无论图标是.png,.gif,.cur,.ani等)的纯CSS(适用于除IE之外的任何浏览器)是:

cursor: url(../Images/deletecursor.cur) 5 -5, pointer;