Css 绝对定位和z索引链接不可点击

我正在制作一个tumblr主题，在页面上放置一些元素，使用绝对定位和z-index来控制哪些元素位于其他元素之上。由于某些原因，我的链接变得不可点击，我将存放内容的div的z索引改为一个较高的数字，但这并不能使它们可点击。我想不出代码中的错误是什么。 这是我的CSS

p.blogPost { text-indent: 30pt; text-align: justify;
}
p.blogTags { 
    font-family: 'Lobster Two', cursive; 
    color: #de2424;
    text-align: right;
}
body { 
    font-family: 'Oxygen', sans-serif; 
    margin:0px; }
h1.postTitle { 
    font-family: 'Lobster Two', cursive; 
    color: #de2424; 
}
h2.dateText {
    font-family: 'Lobster Two', cursive;
    color: #f1e8da;
}
#container { 
    width: 940px; 
    margin: auto; }
#blogContentWrapper { 
    width:940px; 
    position:relative; 
    overflow: hidden; }
#blogHeaderRibbon { position: relative; top: 20px; z-index: 3;
    }
#blogBottomRibbon { position: relative; top:-190px; z-index: 3;
    }
#dateTab { position: relative; left: -50px; top: 90px; }
#dateText { position: relative; top: -93px; left: 10px; }
#blogContent { 
    position: relative;
    top: -83px;
    width: 780px; 
    margin: auto; 
    background-image: URL('images/eggshell.jpg');
    z-index:2;
    }
#blogPostContent { 
    padding: 30px; 
    z-index: 3;
    }

您可以在此处查看开发页面

在此处设置JSFIDLE：

---

根据您的tumblr网站，您的

#blogContent

z-index为-1，它堆叠在

#blogContentWrapper

下。

---

尝试将其更改为1，并增加其他元素的z索引，您希望将其放在前面（如果有）

现在检查它，我将其更改为10，事实上，它应该位于所有元素之上。仍然不可点击。我检查了它的#blogPostContent，它有z-index 10。因为容器（#blogContent）是相对的一个，所以它不会有帮助。。。现在仍然是-1。我的建议是：尽量减少位置（和z指数）并尝试使用边距，因为我看到一些元素使用了unecessary position属性。。IMHO（但现在，让我们关注需要更改的z-index）。这似乎可以让链接变得可点击，但我的问题出现了，我希望红色丝带在顶部，我使用z-index将蛋壳背景推到丝带下。是的，不用担心，增加#blogHeaderRibbon z-index值，我认为z-index 3会有所帮助。编辑：啊，我看到你在blockContent上放了11个。。您需要知道z-index是关于元素在页面中的堆叠方式的值。所以把一个元素放在一个更大的z-索引值会使它在其他低值元素前面。尝试将z-index:12放在#blogheaderribbon上，有关虐待的评论已被enhzflep删除。：）哈哈，那只是本地测试的填充文本，我忘了我在那里写的。我的坏兄弟，无意冒犯任何人。没有戏剧。对不起，公众打了我一巴掌。我对过去在源代码中留下其他类似的金块感到内疚。：-）没关系，老兄，我很感激我得到的所有帮助。这就是我所谓的运动精神！谢谢你们两位