html - 我页面上的链接无效

Question

所以我正在为一个学校元素编写一些基本代码，而我正在进行的最新部分让我卡住了，到目前为止一切都已完成，但我的链接不再有效，我尝试将它们放在页面的不同部分但仍然没有。无论如何，我查看了 Firebug 和其他地方并进行了一些搜索，很多人都有这个问题，因为他们的链接上方有另一个对象，我检查过但我个人看不到任何东西。谁能帮助我。

编辑:我刚刚发现它落后的原因，我在我的包装器中设置了我的 z-index，它阻止了它。现在的问题是当我删除它时我丢失了我的标题图片，有没有人有办法让文本保持在标题图片上方并保持链接正常工作？

This is the site page

   #wrapper {
    position: relative;
    width: 100%;
    margin: 5px auto;
    background-color: #e7e9fd;
    z-index: -2;
}

   #header {
    width: 100%;
    padding-bottom: 1%;
}

#headerImage {
    width: 960px;
    border-bottom: solid #5677fc;
    position:absolute;
    z-index: -1;
}

.headerText {
    font-family:Arial, Helvetica, sans-serif;
    -webkit-text-stroke: 1px black;
    color: white;
    text-shadow: 3px 3px 0 #000, 
                 -1px -1px 0 #000, 
                 1px -1px 0 #000, 
                 -1px 1px 0 #000, 
                 1px 1px 0 #000;
    font-size: 250%;
    position: inherit;
    z-index: -1;
    padding-top: 4%;
    padding-bottom: 4%;
    padding-left: 2%;
}

Answer 1

问题出在您的#wrapper 上。将 wrapper 的 z-index 更改为 z-index: 0; 这样您就可以单击链接并突出显示所有文本。