html - css垂直渐变背景

Question

我想要不使用图像的垂直渐变。所以，我已经在 Firefox 和 Chrome 上使用了这段 CSS，但它在 IE9 中不起作用。

background: #fff;
background: -moz-linear-gradient(top, #46a5e5,  #ffffff); 
background: -webkit-gradient(linear, left top, left bottom, from(#46A5E5), to(#ffffff)); 
filter: progid:DXImageTransform.Microsoft.gradient(StartColorstr='#46A5E5', EndColorstr='#ffffff', GradientType=0);

有什么建议吗？

Answer 1

看起来您缺少适用于 IE8 和 9 的 IE 筛选器的最新前缀版本。尽管旧版本在 IE8 中仍然有效

尝试:

filter: progid:DXImageTransform.Microsoft.gradient(StartColorstr='#46A5E5', EndColorstr='#ffffff', GradientType=0); /* IE6/7/8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#46a5e5', endColorstr='#ffffff')"; /* IE8/9 */
zoom: 1;

新版本不能被破坏(它必须在引号之间保持在一行上)..