1

我有一个 div,我给了它一些 css 属性,它可以在除 1e8 及以下版本之外的所有其他浏览器上运行(和往常一样)。我怎样才能让它在ie8上工作? http://jsfiddle.net/WY5Cu/

4

3 回答 3

3

看看http://www.colorzilla.com/gradient-editor/ - 那里的渐变编辑器将生成 IE8 兼容的背景渐变。

对于box-shadow,此规则应该在某种程度上模拟您当前的代码:

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";

尽管没有嵌入阴影(我怀疑在 IE8 中有办法做到这一点)。

要组合多个过滤器声明(用于阴影和渐变填充),您需要用空格将它们链接在一起。例如:

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000') progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 )";

对于 IE7,您需要复制 IE8 规则,但使用filter而不是-ms-filter省略开始和结束引号。

于 2012-08-15T12:25:10.193 回答
1

如果你真的想通过所有的努力在一个不支持它的浏览器中启用特性,你可以使用CSS3pie。

这让您可以轻松地在 IE 浏览器 6-8(9 已经支持其中一些)中使用 CSS3 功能。只需下载,附加到您的网站,然后就可以离开了。

于 2012-08-15T12:22:17.783 回答
0

尝试使用CSS3 Pie,它使 IE 6 - 9 能够支持您需要的属性(线性渐变和框阴影)

于 2012-08-15T12:24:48.210 回答