负z索引div不显示带有bg颜色的div后面

sha*_*sol 4 css z-index background-color jquery-knob

我有一个精彩的jquery旋钮的扩展,它将其转换为度数范围输入.在带有负z-index的div内的旋钮上有一个透明的指南针png图像,因此鼠标点击将与旋钮相互作用而不是与img相互作用.

现在,当我将旋钮放在没有背景颜色的div中时,罗盘png显示页面加载的时间.

但是,如果包含div具有背景颜色,则仅在用户开始标记范围显示png (在紫色圆圈上拖动顺时针范围).

以下是该问题的演示:http://infoxicate.me/testknob.html

编辑:演示页面不再显示问题,因为它已解决...

Dan*_*cut 5

不要采用负z-指数 - 使其成为正数并且覆盖它的div,给它一个更大的z指数.

另一个解决方案,如果您担心指针会影响图像而不是您可以尝试的旋钮pointer-events:none.