IE9でtext-shadowの続き・・・

前回、チャレンジしていた

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

ですが、

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

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

ロゴ部分が IE9 でも text-shadow できた!の図(画像クリックで拡大)
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 状態にならず・・・

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

うーん、謎い・・・


—— 追記 ——

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

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

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

というわけで、

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

うまくいきました

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

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


タグ

2011年6月12日 | Comments/Trackbacks(0)

カテゴリ: ブラウザ

トラックバック&コメント

この投稿のトラックバックURL:

コメントをどうぞ

(必須: 上の画像に表示されている文字を入力してください)

このページの先頭へ