与当前五大浏览器兼容的渐变颜色背景梯度的编写
与多个浏览器兼容，我们必须为每个浏览器编写相应的CSS。太低版本的浏览器只能使用图片来制作背景。下面是五个浏览器对渐变的支持。通常情况下，我们需要使用渐变背景。使用长条形图片有点太大了。所以我们写了一个小例子。有必要为每一个兼容多浏览器的浏览器编写相应的CSS。太低的浏览器只能使用图片来制作背景。
下面是当前五个浏览器对梯度的支持
复制代码代码如下所示：
{ #梯度
宽度：200px；
身高：200px；
*如果浏览器不支持使用渐变图像作为背景。
背景：URL（渐变JPG）；
WebKit的Safari浏览器：4-5 1-9 / * * /。
背景：-webkit-gradient（线性的，0%，0%，0%，100%，从（# ff6600），以（# 339900））；
WebKit的Safari 5.1浏览器10：+ + / * * /。
背景：WebKit的线性梯度（顶部，# ff6600，# 339900）；
火狐浏览器3.6
背景：-moz线性梯度（顶部，# ff6600，# 339900）；
歌剧11.10
背景：- o-linear-gradient（顶部，# ff6600，# 339900）；
ie 10
背景：MS线性梯度（顶部，# ff6600，# 339900）；
ie < 10 **
*注意：这行必须写在最后。
过滤器：ProgID：DXImageTransform.Microsoft.Gradient（startcolorstr = # ff6600，# endcolorstr = 339900）；}
复制代码代码如下所示：
什么时候没有IE6，当世界太平。所有的邪恶，即