2

我有一个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风格，但没有做到。

4

2 回答 2

1

答案/问题：如果您有一个重复的 div，它位于抓取滚动 div 的顶部，但它没有任何类型的背景或内容以便不隐藏任何内容，然后将光标手设置在此，会发生什么情况。

z-index 会以这种方式覆盖重要性吗？

这有意义吗？

实际上，您具有按该分层顺序的抓取滚动 - 按钮 - 不透明抓取滚动。

于 2012-05-11T13:52:53.193 回答
1

这是一个与创建“模态”对话框非常相似的问题，它可能会有类似的解决方案：我认为你必须在iframe你正在滚动的内容上创建一个定位，使其在 z-index 中更高在滚动期间，顺序比内容。这是因为在 IE 上（至少）表单控件往往不能很好地遵守 z-index，这就是为什么“灯箱”风格的东西会做这个iframeshim 的原因。

这是我在 SO 上对另一个问题给出的答案，它演示了iframeshim 的基础知识。在这种情况下，它是出于模态目的，但该概念和大部分代码都将适用。

于 2012-05-11T13:57:24.523 回答