純粋な視差効果が左側の作業スペースでない

Question

純粋なCSSの視差効果に奇妙な問題があります。私はこのチュートリアルに従いました：https://css-tricks.com/tour-performant-responsive-css-site/

しかし、例のように私は左手のサイトに白いスペースを持っています。私はいくつかの研究の後、私はWebkitベースのブラウザでは排他的なバグでなければならないことを読んだが、私は同じ結果をFirefoxでも得る。このサイトでは

：http://keithclark.co.uk/articles/pure-css-parallax-websites/著者は周りの作業について説明します。

それは、ビューポートの右側に変換-起源と展望 - 起源を固定することで、このバグを回避することが可能です。

.parallax { 
    perspective-origin-x: 100%; 
} 
.parallax__layer { 
    transform-origin-x: 100%; 
} 

が、それはトリックをしませんでした。

私はjsfiddle

何かアドバイスでこれを集めますか？

ありがとうございます。 #containerのleftプロパティをチューニング

Answer 1

ファインは、トリックを行います：

left: -7px; 

Answer 2

幅を交換：100％;幅：100vw; 。バックグラウンドで