允許滾動和點擊以通過重疊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元素
• 指針事件上的所有點擊，狀態和光標選項：繼承將使用元素的父
• 指針事件的指針事件值：自動恢復默認功能。