IE10 SVG指針事件

Question

我有一個滾動的內容的DIV容器。我需要爲用戶進行亮度設置。例如：

<div> 
    <div style="overflow-y: auto"> 
     <div>some long content</div> 
    </div> 
    <svg:svg style="position: absolute; left:0; top:0; width:100%; height:100%; 
        opacity: 0.5" pointer-events="none"> 
     <svg:rect x="0" y="0" width="100%" height="100%" fill="black"></svg:rect> 
    </svg:svg> 
</div> 

結果是可以接受的。但是......當我用鼠標滾輪或鍵盤滾動內容時，所有功能都可以按預期工作。但如果我嘗試用觸摸設備滾動內容，則不會發生任何事情。嘗試聽可滾動容器上的指針事件顯示一切正常。事件發生了。什麼可以防止內容滾動？

Answer 1

我返工點點你的HTML，也許這解決問題了嗎？ http://jsfiddle.net/krul/VZtaD/1/

<svg style="position: absolute; left:0; top:0; width:100%; height:100%; 
       opacity: 0.5" pointer-events="none"> 
    <rect x="0" y="0" width="100%" height="100%" fill="black"></rect> 
</svg>