用 CSS 覆盖光标



我有一个overflow: hiddendiv,我通过允许用户单击和拖动背景来滚动它。此空间中还有链接和按钮。

这是我为 CSS 所做的:

#div-grabscroll {    
    cursor: url(../img/openhand.cur), move;
}
#div-grabscroll:active {
   cursor: url(../img/closedhand.cur), n-resize;
}

这很好用,但发生的情况是,在拖动时,如果鼠标最终在按钮上移动(由于达到滚动限制),pointer光标会覆盖我的closedhand光标。

所需的行为是,在鼠标控制div的整个持续时间内,我希望光标保持closedhand

有没有办法在不修改鼠标可能移动的所有内容的 CSS 的情况下覆盖光标?我尝试!important :active风格,但没有成功。

答案/问题:如果你有一个重复的div,它位于抓取卷轴div的顶部,但没有任何类型的背景或内容,以便不隐藏它后面的任何内容,然后把光标放在上面,会发生什么。

z 索引会以这种方式覆盖重要性吗?

这有意义吗?

实际上,您有按分层顺序排列的抓取滚动 - 按钮 - 不透明的抓取滚动。

这是一个与创建"模态"对话框非常相似的问题,并且它可能具有类似的解决方案:我认为您必须创建一个位于您正在滚动的内容上的iframe,使其在滚动期间在 z-index 顺序中高于内容。这是因为在IE上(至少)表单控件往往不能很好地服从z-index,这就是为什么"灯箱"风格的东西会iframe填充程序的事情。

这是我对SO上的另一个问题的回答,它演示了iframe垫片的基础知识。在这种情况下,它用于模态目的,但概念和大部分代码将适用。

最新更新