CSS:如何设置渐变背景的跨浏览器(只缺IE8和IE9)(CSS: How to set up gr

2019-10-23 10:19发布

我已经创建了自己的导航栏,并想建立一个简单的渐变背景色吧。

到目前为止,我有这在新的浏览器对我的作品以下罚款,但我不知道我要在这里添加覆盖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: How to set up gradient background cross browser (only missing IE8 and IE9)