Javascript IE滚动条+；溢出滚动条+；俯冲

我有两个div。一个div（copy）的css溢出属性设置为auto。另一个分区（覆盖）位于顶部。我无法更改这两个div的z索引，因为从视觉上看，覆盖需要位于副本的顶部。在IE9中，“复制”div的滚动条不可单击/使用。在Chrome中，它工作正常，因为我使用了指针事件属性。如何让这个示例在IE9中工作？我需要能够滚动的内容

CSS

}

HTML

Lorem ipsum dolor sit amet，是一位杰出的献身者。《猫科动物精英》中的维瓦摩斯。毛里斯元素是非毛里斯元素。Morbi拍卖人velit lacinia augue Vehicle vel egestas tortor scelerisque。这是一个很好的方法，也是一个很好的方法。我们的权利和义务是平等的，我们的权利和义务是平等的，我们的权利和义务是平等的。《猫科动物精英》中的维瓦摩斯。毛里斯元素是非毛里斯元素。Morbi拍卖人velit lacinia augue Vehicle vel egestas tortor scelerisque。这是一个很好的方法，也是一个很好的方法。在乌拉姆科珀召开的全国妇女大会上。

请参见此处的示例：

---

请记住，该示例在webkit浏览器中运行良好。此问题仅在Internet Explorer（9）中出现，因为您的z索引设置为位于副本顶部，防止底层的副本接收鼠标事件。通过切换每个的z索引，它工作得很好

此外，您不需要声明所有三个

溢出

属性。这就足够了：

overflow:hidden;
overflow-y:scroll;

---

只是提醒一下。

指针事件

（）在IE中不工作。

我发现：

及

---

感谢您的回复。我知道为什么它不起作用，但我想知道除了改变z索引之外是否还有其他解决方案。视觉上，我需要overlay div放在副本的顶部。我能想到的唯一一件事是使用Javascript将

#overlay

上的鼠标滚轮事件绑定到

#copy

上滚动。这可能会使#copy滚动，这很好，但是用户仍然不能点击滚动上/下/洗涤器按钮。将

#copy

设置为

overflow:hidden

，并编写javascript，以便在单击箭头或移动鼠标滚轮时进行滚动。费时，但这可能是你唯一的机会。谢谢你的回复。除非我弄错了，否则我不相信这种技术适用于滚动条。使用它来确定什么是div并单击并触发相应的事件非常好。

<div id="overlay"></div>
<div id="copy">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in felis elit. Mauris elementum mi non mauris euismod interdum. Morbi auctor velit lacinia augue vehicula vel egestas tortor scelerisque. Sed quis arcu massa, quis elementum ligula. Nunc et quam id ipsum consequat ullamcorper.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in felis elit. Mauris elementum mi non mauris euismod interdum. Morbi auctor velit lacinia augue vehicula vel egestas tortor scelerisque. Sed quis arcu massa, quis elementum ligula. Nunc et quam id ipsum consequat ullamcorper.</div>

overflow:hidden;
overflow-y:scroll;