CSS僞類和JQuery視差效應導致閃爍

Question

我正在使用parallax.js plugin做視差效果。我用CSS創建了一些黑色的三角形，覆蓋了我的頭部div的一部分，我正在做視差效果。我注意到，當我向下滾動頁面時，CSS三角形閃爍。你可以在我的jsfiddle中看到這個。這個問題在IE和FireFox中非常明顯。

是什麼導致這種情況，是否有可能解決這個問題？

CSS代碼：

body { background-color: #333; } 
#header { background: transparent no-repeat center bottom; position: relative; height: 100%; background-size: cover; overflow: hidden; } 

.big-triangle:after,.big-triangle:before { 
content:''; 
position:absolute; 
bottom:0; 
width:50%; 
z-index:100; 
border-bottom:75px solid black; 
-moz-transform:rotate(0.000001deg); 
-webkit-transform:rotate(0.000001deg); 
-o-transform:rotate(0.000001deg); 
-ms-transform:rotate(0.000001deg); 
transform:rotate(0.000001deg);} 

.big-triangle:before{ 
right:50%; 
border-right:1000px solid transparent; 
border-left:1000px solid;} 

.big-triangle:after{ 
left:50%; 
border-left:1000px solid transparent; 
border-right:1000px solid;} 

Answer 1

我結束了使用這解決了這個問題一個純CSS視差技術。鏈接到tutorial is here。