internet-explorer - CSS3 テキストシャドウ IE

Question

私は、このWeb サイトがどのようにしてテキスト シャドウ機能を IE 7 以降で非常に滑らかに動作させることができたのかを調べようとしています。

何らかのフィルターを使用しているのかもしれませんが、Web サイトのスタイル シートで見ることができません。誰かが私を助けることができますか？

次の画像は、ie7 でテキストの影の効果があります。

Answer 1

こんにちは、以下の記事を読んでください。ここからいくつかの種類のtext-shadow IEフィルターを入手できます。

これがお役に立てば幸いです:- http://heygrady.com/blog/2011/03/10/css-text-shadows-in-internet-explorer/

h1 {
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=ff0000);
}

Answer 2

彼らはバッキングテキストを使用しています。つまり、元のテキストからオフセットされた同じテキストと異なる色で、サイトからのこのスニペットに従ってぼかすIEフィルター属性を使用しています

   <h1 style="position: relative; z-index: 1;">
        Sağlık &amp; Güzellik Bilgilendirme Sitemize Hoş Geldiniz
        <span class="dummyShadow" id="dummyShadow9" 
              style="
              left: -1px; 
              top: 0px; 
              width: 100%; 
              color: rgb(0,0,0); 
              display: block; 
              filter: progid:DXImageTransform.Microsoft.Blur(
                      PixelRadius=2, 
                      MakeShadow=false, 
                      ShadowOpacity=0.8); 
              position: absolute; 
              z-index: -1;">
                   Sağlık &amp; Güzellik Bilgilendirme Sitemize Hoş Geldiniz
        </span>
    </h1>