Question

我一直致力于一个小项目（只是为了娱乐和练习我的技能，而无意释放）。

我已将其置于免费托管服务上，以便其他人可以看到（该问题也出现在我的本地副本上）。

页面主要内容中的所有链接都不是可点击的，我假设是由于HTML和CSS错误。

请任何人都可以提出原因

这是我的page

Answer 1

你有这个：

#content:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url('images/bg2.png');
  opacity: 0.5;
  display: inline-block;
  min-height: 1500px;
}

它遍布整个页面。所以你无法联系到链接

Answer 2

在

#content:after {
}

只需删除content: '';

即可

如此正确的代码CSS：

#content:after {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url('images/bg2.png');
  opacity: 0.5;
  display: inline-block;
  min-height: 1500px;
}

其他一切都还可以。

href链接不可点击

2 个答案: