视差效果 - 但在背景颜色

Question

希望对倾斜的背景进行视差效果。看看谷歌和喜欢的人，可以看到每个人都在用图像做这件事。只是想知道是否有人遇到了一个可以用纯色做到这一点的解决方案？

我问的原因是，我的设计是纯色，但背景是使用CSS3的Skew来改变角度。

我目前的CSS（如果有用）如下：

.diagonal {
  transform: skew(0deg, 2deg);
  background: #2188c9;
  margin-top: -200px;
  padding-top: 200px;
  height: 220px;
}
.diagonal .content {
  transform: skew(0deg, -2deg);
  z-index: 1;
}

我也为此做了jsFiddle。

如果无法实现。我不介意在它的位置制作蓝色背景图像。

由于