javascript - 我的新网站链接不会出现

Question

我刚刚上传了一个新网站，我一直想不通为什么我在网站主体中的链接不起作用。文字和/或图像显示出来，但它们不可点击，并且光标不会改变以确认它们是链接。

Chrome 开发者工具中的目标似乎是正确的，并且 HREF 是正确的。

HTML:

  <ul id='portfolioLinks'>
                    <li><a href="http://www.uhmgotzonwrestling.com">Uhmgotz on  Wrestling</a></li>
                    <li><a href="#">Villa Ave</a></li>
                    <li><a href='http://github.com/TomSchinler'>GitHub</a></li>
                    <li><a href='http://stackoverflow.com/users/3712998/t-schinler'>Stack Overflow</a></li>
                    <li><a href='http://teamtreehouse.com/tomschinler'>Team Treehouse</a></li>
                    <li><a href='http://www.linkedin.com/in/tomschinler/'>LinkedIn</a></li>
                    <li><a href='http://www.facebook.com/tom.schinler'>FaceBook</a></li>
                    <li><a href='http://twitter.com/TommyUhmgotz'>Twitter</a></li>

                </ul>

CSS:

   #siteLinks {
     float:left;
     width:19%;
     height:550px;
     text-align: center;
     z-index: 1;
   }

站点是TomSchinler.com .所有站点代码都可以在我的 Git-Hub 配置文件中找到:Git-Hub .如果可能，请帮助我。

Answer 1

我使用 Chrome 开发者工具更改了样式并且它起作用了。在 CSS 中添加 z-index 属性。

改变这个

#siteLinks {
    float: left;
    width: 19%;
    height: 550px;
    text-align: center;
}

有了这个

#siteLinks {
    float: left;
    width: 19%;
    height: 550px;
    text-align: center;
    z-index: 1;
}