サイトのトップレベルのナビゲーションをテキストではなく画像に置き換えようとしています。これまでのところ、これは画面外のテキストを非表示にし、特定のメニュー項目の画像を表示します。
#menu-item-982 a {
background: url('image.png');
text-indent: -9999px;
}
問題は、結果として、独自の画像を持たないが通常のテキストメニュー項目であるスーパーフィッシュのサブメニュー項目が、text-indentプロパティを継承していることです。
以下を使用しても、子のテキストインデントはリセットされませんでした。
.sub-menu li a {
text-indent: 0px;
}
つまり、第2レベルと第3レベルのフライアウトにテキストメニューを使用しながら、スーパーフィッシュメニューのトップレベルの画像を使用するにはどうすればよいですか?