IE9でcss3のtext-shadowを実現するためにはどの方法がベストでしょうか?

よろしくお願いいたします!

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/09/12 06:36:44
  • 終了:2012/09/18 16:08:39

回答(2件)

id:Cherenkov No.1

Cherenkov回答回数1502ベストアンサー獲得回数4922012/09/12 07:03:12

ポイント50pt

これがよさそうです。

それかIE独自のfilterを使ってIE10まで耐え忍ぶ。

id:kaze_hate

ご回答ありがとうございます。わたしもasamuzaK.jpにいきつきました。
IE9だからcss3大丈夫でしょ。と思って確認してみると結構対応してないものもあるんですね。。。

2012/09/12 18:25:09
id:taroe No.2

taroe回答回数1099ベストアンサー獲得回数1322012/09/15 03:26:27

ポイント50pt

IEでCSS3の効果を出せる。
クロスブラウザ対応 CSSスニペット
Text Shadow
http://kojika17.com/2011/02/css3-for-ie.php

.text-shadow span
{	text-shadow: #0000ff 1px 1px 3px; /* FireFox, Webkit, Opera */
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#0000ff,offx=1,offy=1)"; /* IE8 */
	display:block; /* IE */}


  • ms-filter あたりを使うのが主流では?
id:kaze_hate

ご返信おそくなり申し訳ございません。
とても参考になりそうなサイトです。ありがとうございます!

2012/09/18 16:07:13
  • id:maya70828
    ひと足違いで回答できなかったのでここに。
    Javascriptファイルなどを使って対応するのが一般的ですね。
    ほかの方法だとtext-shadowを作るのに手間がかかったり、力技になると思います。
    http://phpspot.org/blog/archives/2010/07/ie68css3.html

    http://blog.btmup.com/xhtml/background-image-ie-drop-shadow.html
    http://p2b.jp/2009/09/19/IE-CSS3-Dropshadow

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません