CSS非対応ブラウザにメッセージを表示する方法

質問

フレーム使用時のnoframesタグのように、スタイルシートに対応していないブラウザでサイトを閲覧している人にだけメッセージを表示することは可能でしょうか。

可能であれば、その方法または参考URLをご教授ください。
よろしくおねがいします。

回答No.2

dezimac · ベストアンサー

単純にメッセージをスタイルシートで非表示しておけばいいだけです。
そうすれば、CSS非対応のブラウザでは表示され、対応ブラウザでは見えません。
<p style="display:none;">スタイルシート使用しています</p>

けど、フレームやJavaScriptと違って、CSSの場合は内容はちゃんと（装飾の無い状態で）表示されるからメッセージを表示する必要はないと思いますけど。

フレームやJavaScriptの場合でも非対応向けのメッセージに「対応ブラウザ使って下さい」と無意味なメッセージを設定している人多いけど…。
理由あって非対応のブラウザ使っている（それしか使えない）のにそんなメッセージ表示されて、門前払いされてもね。

非対応のメッセージを表示する方法ではないけど、参考までに、
Netscape Navigator4.xでCSSを適用させない方法。
http://allabout.co.jp/internet/hpcreate/closeup/CU20050906A/index.htm

お礼

ありがとうございました。

＞けど、フレームやJavaScriptと違って、CSSの場合は内容はちゃんと（装飾の無い状態で）表示されるからメッセージを表示する必要はないと思いますけど。

確かにそうなんですが、スタイルシートを使っていない別ページへのリンクをはろうと思っていたので。

回答No.3

神崎 渉瑠（@taloo）

> 確かにそうなんですが、スタイルシートを使っていない別ページへのリンクをはろうと思っていたので。
そうではなく、スタイルシートを使っていても使っていなくても、
適切に表示出来るようなHTMLを目指すべきではないでしょうか？

お礼

普段は常にそういうHTMLを目指しています。今回は諸事情によりあえて違う方法をとることにしました。アドバイスありがとうございます。

回答No.1

ANASTASIAK

<style>
<!--
span.blind{visibility:hidden;}
-->
</style>

<span class="blind">Hello World</span>

とか。

お礼

早速のご回答ありがとうございました。試してみます。