跨浏览器实现CSS滤镜颜色渐变

CSS滤镜实现颜色渐变

在不同浏览器下：

.myClass{
     /* 滤镜渐变 */
     /* Firefox 3.6 */
     background-image: -moz-linear-gradient(top, #D1EEF5, #ffffff);
     /* Safari & Chrome */
     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(1, #D1EEF5));
     /* IE6 & IE7 */
     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#D1EEF5', endColorstr='#ffffff');
     /* IE8 */
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D1EEF5', endColorstr='#ffffff')";
}