internet-explorer - CSS3 文本阴影 IE

Question

我一直在试图找出这个网站是如何设法让文本阴影功能在 IE 7+ 中如此流畅地工作的。

也许它正在使用一些过滤器，但我在网站的样式表中看不到它。有人可以帮我吗？

下图在ie7中有文字阴影效果

Answer 1

他们使用支持文本，即相同的文本，从原始文本偏移和不同的颜色，并使用 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>

Answer 2

嗨，请阅读下面提到的文章，您可以从这里获得几种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);
}