HTML点击让鼠标变成等待状态,在整个HTML页面上等待光标

是否可以通过简单的方式将光标设置为在整个html页面上“等待”？这个想法是向用户显示ajax调用完成时发生了什么事情。下面的代码显示了我尝试过的简化版本，还演示了遇到的问题：

如果元素(＃id1)设置了光标样式，则它将忽略主体上的一个设置(显然)

一些元素具有默认的光标样式(a)，并且不会在悬停时显示等待光标

根据内容的不同，body元素具有一定的高度，如果页面较短，则光标将不会显示在页脚下方

考试：

#id1 {

background-color: #06f;

cursor: pointer;

}

#id2 {

background-color: #f60;

}

cursor: pointer

no cursor

Do something

稍后编辑…

它在firefox和IE中与：

div#mask { display: none; cursor: wait; z-index: 9999;

position: absolute; top: 0; left: 0; height: 100%;

width: 100%; background-color: #fff; opacity: 0; filter: alpha(opacity = 0);}

Do something

此解决方案(或解决方案的功能)的问题在于，它会由于div重叠而阻止点击(感谢Kibbee)

稍后再编辑…

Dorward的一个更简单的解决方案：

.wait, .wait * { cursor: wait !important; }

然后

Do something

该解决方案仅显示等待光标，但允许单击。