2011-08-01 25 views
3

私は、このプロパティを持っているdiv要素があります。Internet Explorer 9のテキストシャドウ?

text-shadow:2px 2px 3px #252525; 

これは、Firefox 5で素晴らしい作品を、しかし、Internet Explorer 9のは、それを表示しません。私はIE 9がCSS3をサポートするはずだと思いましたか?

IEでどのように同様の結果を得ることができますか?

+0

IE9は、他のブラウザと比較してCSS3のサポートが最も低くなっています。 – Rob

+0

参照:http://www.quirksmode.org/css/contents.htmlおよびCSS3宣言セクション。 – tjcss

答えて

8

IE9は理解できませんtext-shadowプロパティです。

text-shadow:2px 2px 3px #252525;

が類似していなければならない

filter: Shadow(Color=#252525, Direction=45, Strength=2);

結果に置き換えることができます:あなたが代わりにfilterプロパティを(IEのみ)を使用することができます。

2

これは私の側に痛みされているので、私は私が..よく.. 2つの物事を

を、私は、テキストの影について何かを見るたびに取り残さ最も重要なことを投稿はずと考えました。

.shadow { 
    display: block; /* required for it to work.. */ 
    text-shadow: 0.1em 0.1em 0.1em gray; 
    filter: Shadow(Color=gray, Direction=45, Strength=1); 
} 

また、あなたはセクションに次の行を使用してIEの互換モードを強制するかもしれません:

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

私はIEが世界の残りの部分でボードに乗ってほしいです。私は何かを書くたびに、IEは常に問題があります。さらに悪いことに、IEを除くすべてのブラウザまたはデバイスで動作します。知って涼しいかもしれ他

何か:

http://www.colorzilla.com/gradient-editor/

素晴らしい作品(。両方のボックスをチェックしてください)IEの互換性を持つ色のグラデーションを行います。

ここで、一貫して動作する曲線コーナーのための素晴らしいIE修正が必要です。

お楽しみください。

+0

うわーメタタグは黒い魔法のように思えますが、IE上で動作させるには苦労しましたが、その単一の行ですべてがうまく機能します! –

関連する問題