0

我发现很多关于 IE9 不呈现背景图像的问题，但找不到适合我需要的解决方案。

我为我的背景使用了 CSS3 渐变生成器，它适用于除 IE9 之外的所有现代浏览器。

我使用的代码是：

body {
 background-size: cover;
 background-repeat: no-repeat;
 background-image: linear-gradient(bottom, rgb(184,190,227) 49%, rgb(118,135,250) 80%);
 background-image: -o-linear-gradient(bottom, rgb(184,190,227) 49%, rgb(118,135,250) 80%);
 background-image: -moz-linear-gradient(bottom, rgb(184,190,227) 49%, rgb(118,135,250) 80%);
 background-image: -webkit-linear-gradient(bottom, rgb(184,190,227) 49%, rgb(118,135,250) 80%);
 background-image: -ms-linear-gradient(bottom, rgb(184,190,227) 49%, rgb(118,135,250) 80%);
 background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.49, rgb(184,190,227)),color-stop(0.8, rgb(118,135,250)));
}

我设置了一个 jsFiddle 页面：http: //jsfiddle.net/nUA98/

因此，如果有人知道为什么它在 IE9 中不起作用，将不胜感激评论/回答。

谢谢你。

4

3 回答 3

2

不是IE9不渲染背景图片，只是如果要在IE9中使用渐变，就必须使用SVG。使用ColorZilla创建渐变，并确保最后选中“IE9 支持”选项。它会自动生成一个 data-uri SVG 供您使用，而无需实际使用图像文件。

于 2012-10-31T10:53:40.220 回答
1 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f2f2f2');
于 2012-10-31T10:52:36.907 回答
0

ie9 不支持 rgba 格式所以试试这个
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8cbd6', endColorstr='#edeeec',GradientType=0 ); /* IE6-9 */

于 2012-10-31T11:07:58.633 回答