不能让页面边框坐在内容上

Question

我的网站需要边缘边框。这已经使用围绕屏幕边缘放置的块颜色div来实现。这适用于大多数网站，但只有一个部分，内容与边框重叠（请参阅此处，向下滚动：http://dev.birddartmouth.co.uk/#range）。

我已经尝试将范围项（a.item）的z-index设置为-1，然后它位于边框下方，但它使链接无法点击。有没有人知道如何解决这个问题？

Answer 1

尝试将z-index:11;提供给#bottom-pink和#top-pink。

Answer 2

您的图片的z-index为10，您的边框需要有更高的z-index才能位于其顶部。这就是为什么文本的其余部分没有显示，只有图像是。

边框的位置属性也需要绝对或相对不固定，以便chrome能够尊重z-index属性。

Answer 3

将边框div从<header>标记移动到结束</body>标记之前，然后将z-index:11;添加到.border-divs（第1094行）修复了我的问题< / p>

使用最新版本的Chrome。 （30.0.1599.69 m）