CSSでの画像表示、無効時でのテキスト表示

質問

CSS有効時は画像表示、無効時はテキスト表示というようにしたいのですが、どのようなCSSをかけばよろしいのでしょうか？
リストタグを使いメニューを作成しておりますが、画像のメニューを使い、CSS無効時は画像が消え、その代わりにテキストが表示されるようにしたいのです。
よろしくお願いいたします。

回答No.2

edo_m18 · ベストアンサー

方法としてはいくつかありますね。
言われたtext-indent: -9999pxやテキストをspanで覆うもの、などです。

お礼

まさに！ありがとうございました。
おかげで、デザインの幅が広がりました。
CSSって面倒くさいけど、あらためて面白いと感じます。

回答No.1

Muller3

メニューの画像はCSSで背景画像として設定すれば、CSS無効時は画像が表示されません。

補足

ありがとうございます。
説明が足りずにすいません。
画像の上にテキストが乗っている状態ではなく、フォントを凝ったものにしたいので、画像自体をメニューとして使用したいのです。

text-indent: -9999px;

という荒業以外に方法はないのでしょうか・・・？
よろしくお願いいたします。