超链接A HREF无法使用。

Question

我正在尝试一个新的网站想法，但是当我测试它时，A HREF链接不起作用，甚至没有显示手指/手形指针。

这是内容区域的文本（标题下的第一个白色块，但不包括菜单）。标题应该链接到文章（WordPress）。

不起作用的链接截图（红箭头）： http://new.go80.nl/screenshots/brokenlinksscreen.png

实际上，该区域中的所有链接都不起作用。

在联系页面中，甚至Google地图也无法工作。我无法移动并且无法点击链接。

有人可以帮助我解决这个问题吗？我不想重新开始。

网站：http://new.go80.nl/headlines

编辑：我最初链接到首页。因为我在这里是新手，所以只能添加一个链接，而首页实际上是正常的，所以我链接到了Headlines页面。

非常感谢你们！

问候，Joeri Kosters

- JoeriKosters

Answer 1

看起来默认情况下焦点会定位到pagewrap div上

编辑#2：请确保您提供的示例实际显示了问题 :)

看起来你已经在div#content上获得了z-index：-1，因此它正在“落后于”div＃pagewrap，因此无法点击。消除它，你应该没问题。

- Dave

---

就像我对Oli Charlesworth评论的那样，WebKit Inspector认为有问题。而且联系页面上的谷歌地图也不起作用，无法移动它或使用其中的链接。我猜是同样的问题。 - JoeriKosters

抱歉，由于我在这里是新手，所以只能放入2个链接。因此，我链接到主页。实际上，这是没有链接的页面。它位于案例、头条和联系页面上。（链接将随后提供）。 - JoeriKosters

@JoeriKosters 我想通了，见上面 :) - Dave

你把刚才评论的那个人标记为答案了吗？啊。 （无意冒犯，陌生人） - Dave

@Dave：老兄，看看时间，我比你早两分钟就完成了。 :P 哦，没关系。 :) - mal-wan

Answer 2

根据HTML源代码，您没有将此文本放入<a></a>元素中。

- Oliver Charlesworth

---

@JoeriKosters：这既不是你实际链接的网页，也不是HTML。点击你问题中的链接，按Ctrl+U，然后搜索“关于公司”。 - Oliver Charlesworth

哦，对不起。这只在Headlines和Cases页面上。而且Contact页面上也有一些奇怪的东西。谷歌地图无法正常工作。但是由于我是新来的，我只能使用2个链接。直接链接将随后提供。 - JoeriKosters

Answer 3

你的 global.css 中的 #content id 部分有一个 z-index: -1，去掉它即可解决问题。这个 z-index 会导致所有的 #content 链接无法被鼠标点击到。

- mal-wan

Answer 4

嗯，只需将这些标题文本放在“a”和href标记之间即可。

   <a href="http://yourlink/link.htm">Your Heading</a>

- apollosoftware.org

---

如果您前往Headlines页面，您会看到它。Home/About页面实际上是唯一没有链接的页面。http://new.go80.nl/headlines - JoeriKosters