CSS三角形与背景照片重叠复杂的部分

Question

有很多关于CSS三角形的线索，但它们似乎都没有解决我应该做的布局。

我有几个部分，其中有一个全出血风格的图像背景，或带有文字的偏移图像。

显然，如果我可以使用PNG预先剪切到页面的宽度，那将是很好的但我不认为它会在这里工作。

我认为有可能在这整个噱头上添加一个新的旋转，切断一个＆＃34; innie＆＃34;而不是用纯色的通常方式添加三角形。来自n + 1 div的三角形，然后应用负边距使其看起来像有一个三角形，当真正只有每个部分的裂缝和重叠时。

那会有用吗？怎么可能有这个效果？

我在Imgur嘲笑了一张照片。

布局是在bootstrap中，所以考虑到这一点的任何解决方案都会非常有用。感谢您在保存＆＃34; Gotham＆＃34;。

方面的帮助