ie8上的CSS3属性

时间:2012-08-15 12:16:26

标签: html css css3

我有一个div,我给它一些css属性,它适用于除1e8及以下(如usuall)之外的所有其他浏览器。我怎样才能让它在ie8上运行? http://jsfiddle.net/WY5Cu/

3 个答案:

答案 0 :(得分: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,并省略开头和结尾引号。

答案 1 :(得分:1)

如果您真的想要在浏览器中启用本身不支持的所有功能,您可以使用CSS3pie.

这使您可以轻松地将IE3功能与IE浏览器6-8(9已经支持部分)一起使用。只需下载,附加到您的网站即可离开。

答案 2 :(得分:0)

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