文字に影を付ける

質問

ホームページ作成で
<p style="filter:Shadow(Color=#100000,Direction=135,Strength=4);height:0em;padding:0em;">文字に影を付ける</P>
とすると、Windows7やVistaでは影が付くのですが、Windows８ではダメです。どうしたら良いのでしょうか？

回答No.3

ORUKA1951

＞ ７でもvistaでもXPでも影が付いたのに、
　Windowsのバージョンではなく、IEのバージョンによる差です。IEはOSによって使用できるブラウザが異なります。--IEはMicrosoftにとって、OSを販売するための手段でしかないですから、古いOSに新しいIEはインストールできないのです。
　現在はIEも、ブラウザに関してはウェブ標準に舵を切っていますし、IEのシェアは今後は増えないでしょうから、今後のことを考えるとウェブ標準で作成して古いIEは減っていく一方ですから、切り捨てないまでもそれへの対策は重視する必要はないと感じています。
　ポイントは、互換モード(ウェブ標準でない古いIE向けに作られたページを表示するためのモード)ではなく、標準モードで起動するように作成する。
　DOCTYPEスイッチ( https://www.google.co.jp/search?q=DOCTYPE%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81 )を記述し、HTML4.01～XHTML1.0はstrictで作成する。XHTML1.1,HTML5にはそもそもstrictしかない。
　『HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )』
　これらを守ることで、ブラウザ間の表示誤差は減らせるでしょう。

お礼

ありがとうございます。
でも私のホームページは標準モードで起動するように作成されていますが、古いＩＥでは
<p style="filter:Shadow(Color=#100000,Direction=135,Strength=4);height:0em;padding:0em;">文字に影を付ける</P>
で影が自由に付くのに新しいＩＥでは付きません。全ページ直すのにたっぷり時間がかかりました。新しいＩＥで影が付くタグがあると思うのですが・・・これではＩＥの改良ではなく、改悪です。

回答No.2

noname#187541

こんにちは。

cssで文字に影をつけるプロパティは、ブラウザや同じブラウザでもバージョンによって対応・非対応があり、ウェブ標準ではありません。

ですので、あくまでも「のように見える」方法になります。

簡単なのは、文字として行うのではなく、画像として作成したものを使うという方法。
簡単ですが、汎用性(内容変更は画像の作り直しになるので）にかけます。

もう一つは、同じ文字を少しずらして重ねるという方法です。
こちらは、内容変更は容易にできます。

お礼

早速のご返答ありがとうございます。知りたかったのはどの様なタグを使ったら文字に影をつけることが出来るか？ということだったのです。 ７でもvistaでもXPでも影が付いたのに、８ではプレビューの時から付かずにレイアウトが乱れ、８プロでも乱れ、全頁治すのにたっぷり時間がかかりました。結局、７でも８でも両方で使えるタグはない、ということなのですね。
ありがとうございます。

回答No.1

ORUKA1951

あくまでお飾りですから、適用されようがされまいが構わないつもりで使いましょう。
大事なことは内容であってデザインじゃありません。目が悪い人は、そんなもの[表示]メニューから[スタイルシート]で[スタイルなし]で見るでしょうし
　あなたも、デザインで見ないでしょ!!!。内容がしっかりしているかだけが大事なのです。

　さて、filterなどの指定は、古いIEが、IEはこんなことも出来るという意味合いで気宇していたもので、ウェブ標準な手法ではありません。

　スタイルシートを使います。(CSS3の機能ですから古いIEには無効です。あくまで利かなくてもよいや・・・程度のつもりで)
　例えば、そのページの見出しの文字に影を付けたければ
h1,h2,h3,h4{text-shadow: 0.2em 0.1em 0.1em black;}
とか、他の色の影と併用することも出来ます。
h1,h2,h3,h4{text-shadow: 0.2em 0.1em 0.1em black,-0.05em -0.1em 0.05em red;}
IE9以降、および他のメジャーなブラウザで有効です。

お礼

早速のご返答ありがとうございます。知りたかったのはどの様なタグを使ったら文字に影をつけることが出来るか？ということだったのです。 ７でもvistaでもXPでも影が付いたのに、８ではプレビューの時から付かずにレイアウトが乱れ、８プロでも乱れ、全頁治すのにたっぷり時間がかかりました。結局、７でも８でも両方で使えるタグはない、ということなのですね。
ありがとうございます。