html - Html 和 Css：图像菜单链接

Question

我正在尝试创建一个使用图像按钮的菜单栏。在我的菜单栏上，我可以看到我的图像，但我无法单击它们。我使用 text-indent: 100%; 空白：nowrap；溢出：隐藏；在我的 css 文件中隐藏链接文本。我的链接文本被隐藏，但链接变得无效。此外，我尝试了 text-indent:-9999px; 但结果是一样的。我找不到问题，可能是我的 html 或 css 结构错误。你能检查一下吗？

我在 jsfiddle 上更新了 html 和 css 文件

 <a href="http://jsfiddle.net/kt2hL/8/"> jsfiddle</a>

Answer 1

试试这个：

nav ul li a{display: block}

Answer 2

它的工作

nav ul li a
{ 
    display: block
}