html - 没有图像的对角线背景css

Question

我正在尝试使用 CSS 制作对角线背景。

为什么不使用图像？因为我想稍后制作视差效果，但由于某些因素，我无法对图像进行操作。

你可以在这里看到页面：

http://jsfiddle.net/2ABd4/6/

如您所见，结果就是我想要的结果。问题是名为“bg1”和“bg2”的层有一个固定的位置。

position: fixed;

我不希望它被修复。但是如果我把绝对位置放在右边。

所以，我需要这个结果保持对角线，而不是在不将页面移到右侧的情况下被修复。问题是：有可能做到这一点吗？