2

重複の可能性:
IE の text-shadow と同等

Safariで正常に機能するこのテキストシャドウがあります。しかしIEにはありません。Safari と IE で同じ影の効果を得るにはどうすればよいですか?

<a class="feast_info" title="title">feast</a>

.feast_info {
    cursor: pointer;
    color: green;
    text-shadow: 2px 2px 2px #303030;
}
4

4 に答える 4

2

古いバージョンのInternetExplorerは、これらのCSS構造を実装していません。代わりに、CSSでこれを使用できます。

Internet Explorer 8：

#text_block_id {
   -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=#99cc99)";
}

Internet Explorer 5.5-7：

#text_block_id {
   filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=#99cc99);
}

これらの2行をCSSに追加すると、InternetExplorer5.5から8がサポートされます。

于 2012-05-22T23:58:40.700 に答える
1

text-shadowは IE ではサポートされていませんが、効果のエミュレートに関するいくつかの提案があります。ただし、公平を期すために、結果は印象的ではありません。

グレースフル デグラデーションの概念に固執し、それらをサポートしていないブラウザーに対する重要でない影響を破棄することを強くお勧めします。それが絶対に必要な場合 (つまり、ブランド認知のために)、およびそのアプリケーションの範囲が許す場合 (つまり、1 か所にのみ存在する必要がある場合) は、事前にレンダリングされたコンテンツを IE に png 画像としてフィードできます。

于 2012-05-23T00:03:58.610 に答える
0

これはtext-shadow、最も一般的なブラウザに適用されます(以下のテスト リストを参照)。

CSS

text-shadow: 1px 1px 2px #444444;
filter: dropshadow(color=#444444, offx=1, offy=1);
filter: shadow(color=#444444,direction=135,strength=2);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#444444,direction=135,strength=2)";

テスト済み:

  • Google Chrome 19.0.1084.46 m
  • Firefox 3.6.16
  • Firefox 12.0
  • オペラ 11.64
  • Internet Explorer 8.0.6001.18702
  • Internet Explorer 9.0.8112.16421IC
于 2012-05-23T00:11:32.010 に答える
-4

サファリの場合はこれを入れてみてください

-webkit-text-shadow: 2px 2px 2px #303030;
于 2012-05-23T00:00:01.110 に答える