自定义CSS光标在某些区域不工作？

-1

好的，所以我想通过向所有页面添加自定义光标来在我的html/css类中挑战自己。自定义CSS光标在某些区域不工作？

我有它的工作，但它似乎随机停止成为自定义光标，并成为默认呢？

我使用它的CSS：

* { 
cursor: url("image.gif") 33 33, auto; 
}

我也曾尝试使用<span>对于整个HTML文件，并没有被固定，要么我。

我也尝试将光标设置在 body {}中，但它没有修复它。

任何帮助，将不胜感激！我搜索了这个网站并搜索了2个多小时，试图找到一个可行的答案。

发布下面的网站，以便您能看到我的意思。（IE不会显示光标，关于Safari或Opera还不确定）

http://www.rvertbleu.com/2014fa/dbrown/index.html

编辑：

使我的index.html和我的main.css的一个较短的版本，再现问题。那就是：

<!DOCTYPE html> 

<html> 

<head> 
<link rel="stylesheet" href="main.css" type="text/css" /> 
<title>Gundam Base</title> 

</head> 


<body bgcolor="#000000"> 


<h1><center>Gundam Base</center></h1> 

</body> 

</html>

的main.css

* { 
    cursor: url("gundam.gif") 33 33, auto; 

} 



body { 
    font-family: Impact; 
    font-size:1.5vw; 
    text-align: center; 
    color: #CC3300; 
    background-image:url('bg.jpg'); 
    background-repeat:no-repeat; 
    background-size: cover; 
    position: relative; 
    top: 0; 
    left: 0; 
    z-index: -5000; 
    background-attachment: scroll 
    background-color: black; 

}

来源

2014-10-10 DeadlyHooves

你确定这是图片'image.gif'的正确路径吗？你有没有把图像放在图像文件夹中，忘记更新代码？此代码似乎来自CSS文件，在这种情况下，您的路径应该是'../image.gif'或'../images/image.gif' – Frisbetarian 2014-10-10 13:23:55

适用于我......作为一款适合您的应用程序，在悬停菜单上出现的辉光图像应该是PNG，为您提供Alpha通道。 – Ruskin 2014-10-10 13:25:59

@Fribetarian是的，我并不真正了解这个标准，我的main.css位于index.html的最顶层文件夹中。 – DeadlyHooves 2014-10-10 14:59:45

与以下样式位置body标签后添加一个div：相对的;宽度：100％; min-height：600px; cursor：url（“gundam.gif”），auto;：

将所有其他内容放在上面的div中。让我知道它是否有效。

来源

2014-10-10 13:38:03

对不起，没有运气与那一个。我只有一件事后身体和这就是我的光芒类，并补充说，以它似乎没有任何修复。 – DeadlyHooves 2014-10-10 14:58:18

你的光标只是在Firefox的工作在Safari和Chrome精细有人波动...当我加入这个div通过检查元素它开始在Firefox – 2014-10-10 16:39:57

为我工作完美这个固定的，但因为位置被设置为相对的，它的动作我的眼睛发光，但我认为这是更好的没有什么！绝对是最好的答案。 – DeadlyHooves 2014-10-11 10:54:03

自定义CSS光标在某些区域不工作？

回答

相关问题