我页面上的链接无效

So im doing some basic code for a school project and the latest part im on has me stuck, everything is finished so far but my links no longer work, ive tried placing them on different parts of the page but nothing still. Anyway Ive looked in firebug and elsewhere and done some searching, a lot of people had this issue because they had another object above their links, ive checked and I personally cant see anything. Would anyone be able to help me.

所以即时通讯为学校项目做了一些基本代码,最新的部分即时通讯让我感到困惑,到目前为止一切都已完成,但我的链接不再有用,我已经尝试将它们放在页面的不同部分但是没有任何内容。无论如何,我看着萤火虫和其他地方做了一些搜索,很多人有这个问题,因为他们的链接上面有另一个对象,我检查过,我个人无法看到任何东西。有人能帮助我吗?

Edit: I just found out why it was behind, I have my z-index set in my wrapper which is blocking it. The issue now is when I remove it i loose my header image, does anyone have a way I can keep the text above the header image and keep the links working?

编辑:我刚刚发现它为什么落后,我的包装器中的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%;
}

1 个解决方案

#1

The problem is with your #wrapper. Change that z-index of wrapper to z-index: 0; and that will let you click on the links and also highlight all the text.

问题出在你的#wrapper上。将包装器的z-index更改为z-index:0;这将让您点击链接并突出显示所有文本。