Question

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

编辑：我刚刚发现它落后的原因，我在我的包装器中设置了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。将包装器的z-index更改为z-index: 0;，这样您就可以单击链接并突出显示所有文本。

我页面上的链接无效

1 个答案: