CSSが動作しないブラウザのために、代わりに表示させる内容を指定したい。

質問

スクリプトが動作しないブラウザのために、代わりに表示させる内容を指定する場合は
<noscript>～</noscript>のタグを使用しますがCSSが動作しないブラウザのために、
代わりに表示させる内容を指定する場合はどうすればよいのでしょうか？

例：NEC Webサイト

回答No.2

noname#165125 · ベストアンサー

ＣＳＳが動作しない場合に表示させたい文言に

display: none;

のスタイルをかけるとよいです。

ＣＳＳが動作しているブラウザでは文言が表示されません。

お礼

JavaScriptを使用するのかと思っていたのですが意外と簡単にできるのですね。

ご回答いただきありがとうございました。

回答No.4

noname#19206

HTML の仕様に従って見出しなどを h1 タグで記述したり、段落を p で表したりしておけば、
ある程度 CSS 非対応環境でも文書構造を維持した状態で表示が可能です。

どこが見出しでどこが段落の切れ目なのか確実に分かる状態でページが表示されます。
詳しい解説サイトとか専門書を当たってみると良く理解できるものを得られるのではないかと思います。

お礼

ご回答いただきありがとうございました。

回答No.3

k_ginji

ブラウザによって、指定させるCSSをJavaScriptで切り替える手法は良く使われます。ただし、今回は「CSSが動作しない」場合の処理ということで、若干状況が違いますね。「このブラウザはCSSが使用できません。」みたいなメッセージを表示させたいのでしょうか？

NECのサイトの場合、使用しているCSSファイル内で、pタグの設定を記述していると思われます。
【例：NECサイトのCSS指定（予想）】
p.nf-message
{
display: none;
}
というClass指定をしてあれば、CSSが効くブラウザだと<p class="nf-message"></p>で挟まれた文字はdisplay:none;のために表示されず、逆にCSSが効かないブラウザであれば、Class指定が無効になり、<p></p>で挟まれたものと同様で、普通に表示されます。

お礼

実際にやってみたところ問題なく動作しました。

ご回答いただきありがとうございました。

回答No.1

X-trail_00

スタイルシートですよね？
これは見栄えの定義をするだけで動作はしません。
スタイルの変更を行うのは、javascriptなどのスクリプトです。
スタイルシートが効かなくても
ほぼ普通に表示されると思われます。
>例：NEC Webサイト
にも書かれています
*引用*********************************************************
本ウェブサイトでは、Javascriptおよびスタイルシートを使用しております。<br />お客さまがご使用のブラウザではスタイルが未適応のため、本来とは異なった表示になっておりますが、情報は問題なくご利用いただけます。
*引用*********************************************************

お礼

ご回答いただきありがとうございました。