Question

好吧，所以我试图通过向所有页面添加自定义光标来挑战自己的html / 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;

}

Answer 1

在body标签后添加一个div，其中包含以下样式位置：relative;宽度：100％; min-height：600px; cursor：url（＆＃34; gundam.gif＆＃34;），auto;：

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

自定义CSS游标在某些区域无法正常工作？

1 个答案: