允许滚动和点击以通过重叠Div

Question

客户的网站设计是深青色，他不喜欢滚动条，因为它破坏了其余的风格。他还希望我没有第三方图书馆和他希望理解的方式。所以我能想到的唯一方法就是创建一个div，将其设置为position: absolute;，与主题的其余部分相同的背景颜色，然后设置opacity: 0.8;，以便它看起来更好。

他对结果感到满意，因为它适用于所有浏览器，他认为我甚至在他第一次看到它时创建了自己的滚动条。但问题是，如果一个人想要真正点击滚动条，他们不能因为它上面有一个div。有没有什么办法可以让div可见，但所有的点击和悬停以及其他所有事情都会通过它传递给下一个div？滚动条在滚动条上方时也不起作用，因为我处在与真正具有滚动条的实际div重叠的div中。

任何帮助，非常感谢。

编辑：添加图像以显示我的意思，滚动条上面有一个div，将它与其余环境“混合”，但是当您将鼠标悬停在滚动条上时，它会执行所有操作对div重叠的动作，使滚动条不再工作，直到你回到它的实际div。

EDIT2：更新图像

http://img838.imageshack.us/img838/429/ynrg.png

Answer 1

这不是你希望的答案，但我不认为这是可能有颜色叠加坚持滚动条上并使其功能在所有浏览器中。

在背景上设置z-index: -1可以在Chrome中实现您想要的功能，但在Firefox中，滚动条保持白色。

http://jsfiddle.net/LrEpm/1/

Firefox如下所示。在Chrome中，滚动条消失在使用时不与保持与水鸭背景功能

铬：

Answer 2

创建CSS类，并把它应用到你想要的任何元素能够点击...

.avoid-clicks { pointer-events: none; } 

• 指针的事件：无防止指定的HTML元素
• 指针事件上的所有点击，状态和光标选项：继承将使用元素的父
• 指针事件的指针事件值：自动恢复默认功能。