IE9でtext-shadowを使う方法を模索中

ですが、

なんと、asamuzaK.jp の管理者さま自らコメントをいただきました。

で、頂いたコメントにしたがって、やってみたところ・・・

ロゴ部分が IE9 でも text-shadow できた！の図（画像クリックで拡大）

見事に、ロゴ部分が text-shadow 状態になりました！

textshadow.js の配列部分 抜粋

var ieShadowSettings = function() {
	return isMSIE ? [
		{ sel : '#header-logo #logo-text', shadow : '2px 2px 3px #bfbfbf' },
		{ sel : '#main-contents h3', shadow : '2px 2px 3px #bfbfbf' },
		{ sel : '#sidebar h3', shadow : '2px 2px 3px #bfbfbf' }
	] : null;
};

でも、なぜかメインコンテンツとサイドバーの H3 部分は text-shadow 状態にならず・・・

で、またもや、別パターンとかも、ちょこちょこ試してみたけど、うまくいかずｗ

うーん、謎い・・・

—— 追記 ——

再び、作者様からコメントをいただきました。

「使っているスクリプトが少し古いバージョンのようです」

・・・・・・ごめんなさい orz

というわけで、

最新のスクリプトでチャレンジ！

うまくいきました

ばっちりロゴもサイドバーも全て text-shadow 状態になっています。

作者様ありがとうございます！

このサイトはIEよりもFirefox、Opera、Google Chrome などのモダンブラウザで見ていただくことを推奨してます。まぁ、IEで見てもらっても問題ないんですけどね。

理由はデザインのCSSで「text-shadow」を指定してるからです。
タイトルとか右のサイトバーとか、その他の見た目がちょっとだけ違いますｗ

IEは最新のIE9でも text-shadow が使えないという貧弱さ。
多くの人がIE9で実装されると予想してたみたいですが、実装されてませんでした。。。

IE9で見た場合（画像クリックで拡大）

Firefox、Opera、Google Chrome 等で見た場合（画像クリックで拡大）

で、IEでも同じ見た目にできないかいろいろ模索中（簡単なのは画像だけど、なんか嫌ｗ）。

解決候補としてはIEに独自実装のフィルタを使うこと。試してみた。

IEのdropshadowを使ってみた（画像クリックで拡大）

これは酷いｗｗｗ

ならば、glow でぼかし指定ならどうだ？

IEのglowを使ってみた（画像クリックで拡大）

ますます酷くなったｗｗｗ。ダメだこりゃ。。。

やっぱり、javascript でハックしないとダメかな？
javascript を使った方法はいくつかあるけど、有力候補は asamuzaK.jp さんの

「IE9で（ついでにIE7、IE8でも）text-shadow」

というもの。

試してみたけど、当方では、まだうまくいってませんｗｗｗ

疲れたので、今回はこれで終了。。。