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

るな — Mon, 09 May 2011 15:17:00 +0000

なぜか、またもや健康ネタではなく、今回はブラウザネタｗ

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

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

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

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

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

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

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

filter: dropshadow(color=#bfbfbf, offX=2, offY=2, Positive=true);

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

これは酷いｗｗｗ

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

filter: glow(color=#bfbfbf,,strength=2);

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

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

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

というもの。

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

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

虚弱だけど健康生活ブログ » Google Chrome