Question

我在本页顶部弄了两个链接（＆＃34; WORK＆＃34;＆＃34;关于＆＃34;）。

我不知道为什么我不能让它们成型。我似乎只能应用一个浮点数，而CSS中的其他任何东西都没有。

#nav_container {

float: right;
position: relative;
padding-right: 110px;
padding-top: 60px; 
}




#nav_container li {
float: left;  
display: inline;
color: #fff;
list-style: none;
text-decoration: none;
cursor: pointer;
}

就可点击部分而言，如果我将浏览器展开以使它们位于平铺图像的右侧，则可以点击它们。

我将平铺图像设置为相对于该重叠效果，并且蓝色条设置为绝对。

我的平铺图像的z-index更高，并尝试将更高的z-index应用于那些导航链接，以为我可以让它们弹出顶部并可点击，但没有骰子。

任何猜测？

Answer 1

问题是，您的#home_console_wrapper元素实际上与您的#color_beam重叠，并且在其上有一个大padding-top来隐藏此行为。它也有更高的z-index，这意味着它会使您的链接无法点击。

要解决此问题，您需要从position: absolute移除#color_beam，从padding-top: 190px移除#home_console_wrapper。

这将使您的链接变得可点击，而根本不更改显示。

如果您仍想轻微重叠＆＃39;效果，只需在margin-top上设置否定#home_console_wrapper：

#home_console_wrapper {
  margin-top: -35px;
}

希望这有帮助！：）

文本链接不会样式，也不总是可点击

1 个答案: