はどのように私はこのような何かを達成するために探しています

Question

各セクションに異なる色と背景を歪曲するには？私はtransform: skewでいくつか試してみましたが、もう一方の上にいたい、そして最初のものが毎回前の要素​​に入る方法を見つけ出すことができません。マイナスのマージンとより多くのパディングを試みましたが、それは反応的で、それほど良く見えません。助けてください。事前に感謝します。私は考えることができます

Answer 1

最高のは、それが中にネストされているのdivの背景を表示するために透明な領域を持つグラフィック背景とそれぞれのネストされたdiv要素のシリーズを持つことができます。

だから、htmlコードは次のようになります

<div id='grey_bg'> 
<div id='red_skew'> 
<div id='black_skew'> 
</div> 
</div> 
</div> 

、その後、そのようなCSSコードを持っている：このよう

#grey_bg{background: grey;} 
#red_skew{background-image:url(red_skew.png);} 
#black_skew{background-image:url(black_skew.png);} 

そうでない場合は、単に要素のための単一のBGイメージを持っています。