Question

我的ul样式菜单看起来像这样：

<ul>
  <li>
    <a href="/hem/"><span>Hem</span></a>
  </li>
  etc.. etc..
</ul>

li元素的背景图像在悬停时会发生变化。我不想在容器内显示文本，因此它具有可见性：隐藏。

现在有趣的事情;您仍然可以单击IE和FF中的链接，但在safari中只有鼠标悬停工作，但您无法单击该链接。更改span容器的可见性确实可以单击该链接。

现在问题是如何更改css代码以使其行为类似于IE和FF？我不想显示文字，但我确实希望能够点击菜单 - 呃！

Answer 1

不是将锚点的可见性设置为隐藏，而是考虑以下内容：

ul li a
{
   display:block;
   width:100%;
   height:100%;
   text-indent: -9999px; // Hide the text
}