兼容当前五大浏览器的渐变颜色背景gradient的写法

经常有一些时候需要使用渐变背景，使用长条图片有点太不高大上了，于是自己写了个小例子，兼容多浏览器就要为每一个浏览器写对应的 CSS，太低版本的浏览器只能使用图片做背景。

下面是当前五大浏览器对 gradient 的支持

复制代码代码如下:
style type="text/css" media="screen"
#gradient {
width: 200px;
height: 200px;
/* 如果浏览器不支持渐变，使用图像作为背景 */
background: url(gradient.jpg);
/* Webkit: Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6600), to(#339900));
/* Webkit: Safari 5.1 , Chrome 10*/
background: -webkit-linear-gradient(top, #ff6600, #339900);
/* Firefox 3.6*/
background: -moz-linear-gradient(top, #ff6600, #339900);
/* Opera 11.10*/
background: -o-linear-gradient(top, #ff6600, #339900);
/* IE 10 */
background: -ms-linear-gradient(top, #ff6600, #339900);
/* IE10 */
/* 注意：这一行必须写在最后 */
FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ff6600, endColorStr=#339900);}
/style

复制代码代码如下:
div id="gradient"/div

啥时没有IE6，啥时世界算太平啊。万恶的IE 。

兼容当前五大浏览器的渐变颜色背景gradient的写法

相关经验推荐

三国志战略版S1赛季5套最强共存队，练完直接起飞！

抽油烟机油槽清洗妙招有哪些

光遇怎么收秋千光遇秋千收回方法

杨家溪体育公园_杨家溪体育公园介绍_张家界杨家溪体育公园旅游攻略

圣歌下载速度慢怎么办圣歌下载慢解决方法分享

大同申请退还增量留抵税额确定办法纳税人申请退还增量留抵税额

蜂蜜泡茶叶怎么泡

痛风脚趾痛几天才会好转痛风脚趾痛几天才会好

COS|泰国小哥COS搞事情，二次元已经满足不了他！对睡美人下手了

生蚝打开清洗方法生蚝怎么打开清洗

哮喘有几种类型

仔猪贫血病该采取怎样的预防措施？

西安交大二附院新冠门诊线上挂号须知

孔雀鱼繁殖温度多少合适

大洋洲国家杯大洋洲国家

羽绒服应该如何清洗？清洗羽绒服的技巧

附网址南通市教育局直属义务教育学校招生平台入口

海带芽又叫什么菜？海带芽的别名，点击这里了解

天龙怀旧：绑定必出极品？那些绑定出的极品，其实全都是别人家的

训练狗狗不扑人的妙招如何训练狗狗不再扑人