CSS: 如何设置跨浏览器渐变背景（只缺IE8和IE9）

Question

我已经创建了自己的导航栏，并想为其设置一个简单的渐变背景色。

到目前为止，我有以下内容可以在较新的浏览器中正常工作，但我不确定我必须在此处添加什么以涵盖 IE8 和 IE9（我是对旧版本不感兴趣）。

此外，我在搜索此内容时遇到了 filter: progid...。 有人可以告诉我是否需要在此处添加此内容 以涵盖常见的浏览器或者我是否需要为此添加或更改任何其他内容？
我想支持更新版本的 Chrome、Firefox、Opera 和 Safari + IE（包括 IE8 和 IE9）。

我的CSS:

background: -moz-linear-gradient(top, #02b0fd 0%, #028dca 100%); /* Firefox */
background: -ms-linear-gradient(top, #02b0fd 0%, #028dca 100%); /* IE10 */  
background: -o-linear-gradient(top, #02b0fd 0%, #028dca 100%); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #02b0fd), color-stop(1, #028dca)); /* Webkit (Safari) */
background: -webkit-linear-gradient(top, #02b0fd 0%, #028dca 100%); /* Webkit (Chrome) */
background: linear-gradient(top, #02b0fd 0%, #028dca 100%);

非常感谢，麦克

Answer 1

过滤器：progid:DXImageTransform.Microsoft.gradient( startColorstr='#0002b0fd', endColorstr='#028dca',GradientType=0 );

会给你IE6-9.

使用：http://www.colorzilla.com/gradient-editor/

CSS: 如何设置跨浏览器渐变背景（只缺IE8和IE9）

CSS: How to set up gradient background cross browser (only missing IE8 and IE9)

css

linear-gradients

background-color

internet-explorer-8

internet-explorer-9