浏览器调整大小时的css图像覆盖问题

我的css布局有问题。我用我的分辨率（1920x1080px）设计了它，看起来不错。但是，如果我调整浏览器的大小以模拟更小的屏幕分辨率，我的背景图像就会出现问题，我无法解决。 您可以在此处看到我的布局：

正如您所看到的，角图像覆盖了内容

我尝试了另一种z索引布局技术，您可以在这里看到：

但是它覆盖了上角的图像，看起来不太好

我已经试过了，但找不到解决办法。 或者可以用css 3功能（如画布）制作这样的背景吗

---

问候

你能附上一张你希望它看起来如何的屏幕截图吗？为什么不只使用一张背景图像？方框阴影或边框图像不是选项吗？它可能不是选项，但使用径向渐变和方框阴影“不知何故”可以实现类似的效果-（你需要调整颜色和尺寸，这可能不太容易得到完全相同的结果）我已经用box shadow试过了，它适用于opera、safari、firefox等。但是我们可爱的internet explorer不支持它。另外，一个背景图像的分辨率不会是动态的