HTML/CSS导航栏无法点击问题排查求助

核心问题出在你的HTML结构上：导航栏的<a>标签是空的，链接文本被写在了<a>标签外面。只有点击<a>标签的区域才会触发跳转，但你的<a>标签内没有内容，自然无法通过点击文本触发跳转；而“Logga in”和“Registrera”的文本是包含在<a>标签内部的，所以能正常跳转。

修正后的导航栏HTML代码： #

<ul class="navbar">
    <li><a href="omoss.html" class="active">Hem</a></li>
    <li><a href="omoss.html">Om oss</a></li>
    <li><a href="#">Skötselråd</a></li>
    <li><a href="#">Bilder</a></li>
    <li><a href="#">Kontakta oss</a></li>
</ul>

把所有导航项的文本内容移到对应的<a>标签内部即可解决链接无法点击的问题。如果修复后仍有异常，再检查CSS是否给<a>标签设置了pointer-events: none、display: none或者限制了元素尺寸这类会影响交互的样式。

内容的提问来源于stack exchange，提问作者AK T