文本-阴影IE-9

Question

我有一个适用于IE11，Google Chrome，Safari和火狐的CSS3文本阴影属性。是否可以将文本阴影值转换为IE9 "compatible"？我想让IE9有和IE11，谷歌Chrome，Safari和火狐一样的效果

.title {
    text-shadow: 0 1px 0 #ccc, 
    0 2px 0 #c9c9c9, 0 3px 0 #bbb,
    0 4px 0 #b9b9b9, 0 5px 0 #aaa,
    0 6px 1px rgba(0, 0, 0, 0.1),
    0 0 5px rgba(0, 0, 0, 0.1),
    0 1px 3px rgba(0, 0, 0, 0.3),
    0 3px 5px rgba(0, 0, 0, 0.2),
    0 5px 10px rgba(0, 0, 0, 0.25),
    0 10px 10px rgba(0, 0, 0, 0.2),
    0 20px 20px rgba(0, 0, 0, 0.15);
}

Answer 1

这在这里解释：https://stackoverflow.com/a/6905713/1165121 IE 6-9使用他们自己专有的过滤器方法。

你应该重新考虑在每个浏览器中完全一样地查看网页，这在今天有点过时。

Answer 2

我想你可以试试http://css3pie.com/，它基本上是老版本IE上CSS3的一个兼容层。例如：

.title {
    text-shadow: <whatever>;
    behavior: url(path/to/pie_files/PIE.htc);
}

Answer 3

以下是您可以选择的一些选项：

• 编写了另一个受旧浏览器支持的漂亮的css布局。
• 使用图像。有一些文本到图像的转换器，也可以自动处理(通过一些工作)
• 你可以尝试找到一个JS-SVG library with VML support并使用它来动态创建图像。VML是一种老式的内置矢量图形格式，类似于svg。