Question

我的网站有css光标。但它似乎只对body标签内的div生效。

我的 body css

body{
   background: #00a2ff url('../img/bg.png');
   overflow:hidden;
   cursor: not-allowed;
}

和 index.html

<body>
<div class="content">
    <div class="logo"></div>
    <div class="wave1"></div>
    <div class="wave2"></div>
</div>
</body>

显示

抱歉我的英语不好。

Answer 1

您需要为<body>指定显式高度，以便它可以填充整个页面。

例如：

html, body {
    height: 100%;
    width: 100%;
    padding: 0; margin: 0; /* reset the default stylesheet */
}

注意：由于height的百分比值是相对于父级的高度，因此您还应在height元素上指定<html>。

Answer 2

使用masking-div

您可以将光标设置为不允许使用div，并且不必担心链接，因为它们是＆＃34;＆＃34;＆＃34;＆＃34;你的掩蔽div。这是＆＃34;屏蔽div＆＃34;的一些示例CSS：

body { height: 100%; }
div#mask { cursor: not-allowed; z-index: 999; height: 100%; width: 100%; }