Internet explorer 使用Internet Explorer过滤器和ClearType

Internet explorer 使用Internet Explorer过滤器和ClearType,internet-explorer,filter,cleartype,Internet Explorer,Filter,Cleartype,我已经详细阅读了IE在使用过滤器时禁用ClearType的问题,我希望我的结论是错误的。在应用过滤器(例如or)后,似乎不可能重新打开ClearType。是这样吗 由于其他浏览器都支持text shadow,现在我真的希望能够使用它,必要时可以使用IE的shadow或DropShadow过滤器。但对文本应用任何过滤器都会让它看起来很糟糕 有没有办法在Internet Explorer中同时启用ClearType和筛选器 一些资料来源: 有没有办法在Internet Explorer中同

我已经详细阅读了IE在使用过滤器时禁用ClearType的问题,我希望我的结论是错误的。在应用过滤器(例如or)后,似乎不可能重新打开ClearType。是这样吗

由于其他浏览器都支持
text shadow
,现在我真的希望能够使用它,必要时可以使用IE的
shadow
DropShadow
过滤器。但对文本应用任何过滤器都会让它看起来很糟糕

有没有办法在Internet Explorer中同时启用ClearType和筛选器

一些资料来源:

有没有办法在Internet Explorer中同时启用ClearType和筛选器

没有。在InternetExplorer中,过滤器出现在ClearType支持之前,从来没有被设计成部分透明的。你链接到的博客文章中的问题从未得到解决,而且随着最新浏览器中CSS3的改进,过滤器的未来前景黯淡

不过,您可以使用一些技巧来近似Internet Explorer中的
文本阴影。不同的方法包括将元素的副本直接放在下面,包含相同的文本,但应用模糊阴影过滤器。

双标记方法,适用于IE 6-9 假设您正在适度地应用阴影,例如对章节标题或照片标题,您可以将文本复制到两个单独的元素中,并将其中一个元素放在后面,使用过滤器使其模糊:

害怕我的影子!害怕我的影子
body{背景色:浅绿色;}
h1{
颜色:白色;
字体系列:Helvetica、Arial、无衬线字体;
字体大小:粗体;
字体大小:1.2米;
文本阴影:#333 2px 2px 3px;
垫底:2件;
}
.shadow{display:none;}/*用于非IE浏览器*/
.ie>h1>span{
位置:绝对位置;
颜色:白色;
}
.ie>h1>span.shadow{
显示:内联块;
缩放:1;
颜色:#333;
过滤器:progid:DXImageTransform.Microsoft.Blur(像素半径=2);
}
工作示例:

对于IE6,您需要省略直接后代选择器
。不过,在IE 6中它看起来不太好。

简易方法-使用
:before
attr()
到目前为止,最简单的方法是不需要JavaScript,但只在IE 8和IE 9中工作,因为它依赖于
:before
伪类和CSS
attr()
函数。不过,这确实需要

h1{
颜色:白色;
字体系列:Helvetica、Arial、无衬线字体;
字体大小:粗体;
字体大小:1.2米;
文本阴影:#333 2px 2px 3px;
垫底:2件;
}
.ie8和9>h1{
缩放:1;/*使元素具有布局*/
颜色:#333;
过滤器:progid:DXImageTransform.Microsoft.Blur(像素半径=2);
}
.ie8和9>h1:之前{
位置:绝对位置;
颜色:白色;
内容:attr(数据内部文本);
}
工作示例:

此方法的分步指南位于。

这是一个非常好的答案——代码示例和巧妙的修复等等。谢谢你花时间把这些放在一起。我希望我能投两次赞成票!