CSS3 text-shadow IE

时间:2012-07-05 02:31:22

标签: css internet-explorer css3

我一直试图找出这个website如何设法让文字阴影功能在IE 7 +中如此灵活地工作。

也许它正在使用一些过滤器,但我无法在网站的样式表中看到它。 有人可以帮助我吗?

以下图像在ie7

中有文字阴影效果

text-shadow ie7+

2 个答案:

答案 0 :(得分:0)

他们正在使用支持文本,即相同的文本,偏离原始文本和不同的颜色,使用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>

答案 1 :(得分:0)

您好请阅读下面提到的文章,您可以从此处获得一些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);
}