Html和Css：图像菜单链接

Question

我试图创建一个使用图像按钮的菜单栏。在我的菜单栏上，我可以看到我的图像，但我无法点击它们。我用文字缩进：100％;白色空间：nowrap;溢出：隐藏;在我的css文件中隐藏链接文本。我的链接文本被隐藏但链接变为非活动状态。此外，我尝试了文字缩进：-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
}