css渐变色在ie没效果

很多时候我们使用 CSS 渐变色来美化网站界面，可是当我们在 IE 浏览器测试时，却发现渐变色不生效。

这是因为 IE 浏览器不支持为渐变色属性添加前缀。

background: linear-gradient(to right, #ff6699, #ff4d4d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6699', endColorstr='#ff4d4d', GradientType=1 ); /* IE6-9 */

上述代码中，我们在 background 属性中使用了渐变色，而在 IE 中，我们需要在 filter 属性中添加一个 progid:DXImageTransform.Microsoft.gradient 的前缀来实现渐变色。

需要注意的是，IE 在使用渐变色时，颜色值需要使用十六进制表示法，而不是 RGB 或者 RGBA。

如果你想要兼容 IE 和其他现代浏览器，可以这样写：

background: #ff6699; /* fallback */
background: linear-gradient(to right, #ff6699, #ff4d4d); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6699', endColorstr='#ff4d4d', GradientType=1); /* IE6-9 */

这样，当 IE 不支持渐变色时，会自动使用 background 的颜色值作为背景色，满足兼容性需求。

查看更多关于css渐变色在ie没效果的详细内容...