位置固定的元素叠加滚动条在IE10

Question

http://jsfiddle.net/qJKKC/2/

我有一个导航从屏幕的右侧露出来。就像它那样，我使用一个:after CSS生成的元素来使主要内容变暗。在其他浏览器中，这可以正常工作，但在IE10中，生成的元素覆盖滚动条。在上面的小提琴中，推动窗口的底部，直到出现一个滚动条，然后点击文本，你会明白我的意思。

我使用.window元素来防止水平滚动到导航栏。

我怎样才能防止这个元素覆盖滚动条，或以其他方式实现相同的效果？

Answer 1

我看不到，因为我没有IE10但作为一个猜测，你可以尝试nav元素上加入了高正数的z-index问题：

.nav { 
z-index:999; 
}