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
}