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;
}

Answer 2

首先..代码和示例..
在解决问题时代码没有消失的地方设置一个工作示例。

然后，查看您的代码，您遇到layer position问题：
#threehouse > .treehouse超过#siteLinks，所以即使链接正常，也无法通过鼠标指针访问它们。

更改或修复CSS将解决您的问题如果您无法修复entirly文件，只需将z-index属性添加到#siteLinks即可。

#siteLinks {
    z-index: 1;
}

我的新网站链接不会出现

2 个答案: