：コンテナ上の擬似要素の前に白い境界線があります

Question

私は：beforeと：after擬似要素を使ってコンテナを作成しています。

これらの疑似要素には白い下の境界線があるように見えますが、説明できません。

コードは以下の通りである：

#sobre:before { 
    position: absolute; 
    display: block; 

    width: 100%; 
    height: 6em; 

    background: inherit; 

    content: ''; 

    transform: skewY(-2deg); 
    -webkit-transform: skewY(-2deg); 
    -moz-transform: skewY(-2deg); 
    -ms-transform: skewY(-2deg); 

    transform-origin: -100%; 
    -webkit-transform-origin: -100%; 
    -moz-transform-origin: -100%; 
    -ms-transform-origin: -100%; 
} 

のコード：1、それが重なる場合：後だけ異なる変換原点とz屈折率と同じです次の容器。

Answer 1

これは、CSS変換によるChromeの一般的なアンチエイリアスの問題です.と:before要素に-webkit-backface-visibility: hidden;を追加します。