CSS偽類和JQuery Parallax效果導致閃爍

Question

我正在使用parallax.js插件執行視差效果。 我有一些用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視差技術解決了這個問題。 教程的鏈接在這里 。