html - 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>