用于IE 9的RGBA Text替代方案。无法使用此工作

时间:2012-06-25 20:03:21

标签: css filter opacity css3

这一点的重点是透明文字带有浅白色阴影,使文字看起来像嵌入背景中。在所有其他浏览器中,我只是对文本执行此操作:

#mytext{
color: rgba(10, 10, 10, 0.7);
text-shadow: 0px 1px 0px rgba(200, 200, 200, 0.6);
} 

像魅力一样工作,给它带来很好的效果。 IE,但是......好吧,你知道它是怎么回事。

所以我想为什么不让div透明并使用Shadow过滤器,我们都可以回家了。起初看起来很聪明,但微软似乎总是领先于我一步大声笑

 #mytext{
font-family: cowboyTimes;
font-size: 50px;
text-shadow: 0px 1px 0px rgba(200, 200, 200, 0.6);
filter:alpha(opacity=90) Shadow(Color=#FFFFFF, Direction=180, Strength=1);
color: rgba(10, 10, 10, .7);
 }

我想我知道这里发生了什么,我声明了alpha过滤器,然后阴影过滤器会覆盖它,因为如果我重新排列过滤器,我会得到列表中最后一个过滤器。 我试过用逗号分隔m,但根本没有变化。我做错了什么,或者如果有更好的方法做到这一点我就是耳朵(或眼睛)!

无论如何,感谢您的帮助!

感谢您的时间!

1 个答案:

答案 0 :(得分:1)

#mytext{
font-family: cowboyTimes;
font-size: 50px;
text-shadow: 0px 1px 0px rgba(200, 200, 200, 0.6);
filter: "progid:DXImageTransform.Microsoft.alpha(opacity=90) progid:DXImageTransform.Microsoft.Shadow(Color=#FFFFFF, Direction=180, Strength=1)";
-ms-filter: "progid:DXImageTransform.Microsoft.alpha(opacity=90) progid:DXImageTransform.Microsoft.Shadow(Color=#FFFFFF, Direction=180, Strength=1)";
color: rgba(10, 10, 10, .7);
 }
相关问题