位置固定的元素疊加滾動條在IE10

Question

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

我有一個導航從屏幕的右側露出來。就像它那樣，我使用一個:after CSS生成的元素來使主要內容變暗。在其他瀏覽器中，這可以正常工作，但在IE10中，生成的元素覆蓋滾動條。在上面的小提琴中，推動窗口的底部，直到出現一個滾動條，然後點擊文本，你會明白我的意思。

我使用.window元素來防止水平滾動到導航欄。

我怎樣才能防止這個元素覆蓋滾動條，或以其他方式實現相同的效果？

Answer 1

我看不到，因爲我沒有IE10但作爲一個猜測，你可以嘗試nav元素上加入了高正數的z-index問題：

.nav { 
z-index:999; 
}