CSS选项卡不能作为链接使用

这是我遇到问题的网站

当我尝试点击标签时，它不会工作。我对css有一个悬停的影响，我不知道如何使选项卡工作

让我知道谢谢。

您的li中的链接标签需要有display:block，以利用宽度和高度规则。我刚刚在firebug中进行了修改，它解决了这个问题

#navigation li a 
{ 
  display:block; 
}

此外，我建议将您的链接设置为以下格式：

<li>
  <a href="index.php"><span>Index</span></a>
</li>

---

这样，当CSS被禁用时，您的导航仍然可用。

乔纳森是正确的，您也可以考虑在可访问性的标签内添加不可见的S。

< P>乔纳森是正确的。这是我额外的2美分

您的选项卡的标记为：

<li id="home"><a href="index.php" title=""></a></li>

---

的默认显示行为为内联，加上的开始标记和结束标记之间的空内容，意味着在浏览器上看不到任何内容

如果您支持ie6，您可能还希望将背景放在a元素上，以避免使用javascript攻击来支持：悬停在非a元素上。

display:none；可能被搜索引擎忽略，最好使用导航span{position:absolute；top:-2000px；}

<li id="home"><a href="index.php" title=""></a></li>