CSS2是針對HTML標記語言設計的一種樣式表語言，但其處理漸變卻接連遭遇困難，成為前端工程師的一大煩惱。

CSS2的漸變處理主要是基于background屬性的實現，但它只能實現線性漸變效果，對于徑向漸變，需要使用psudo-image技術來實現，不僅實現起來麻煩，而且也不利于維護。

.container {
background: #000;
background: radial-gradient(circle, #000 0%, #fff 100%);
/*IE*/ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#fff',GradientType=0);
}
/* psedo image */
.container:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: radial-gradient(circle, #000 0%, #fff 100%);
opacity: .3;
}

而CSS3中提供了非常方便的漸變處理方法，只需要使用linear-gradient或radial-gradient等屬性即可輕松實現各種漸變效果，同時也有非常好的瀏覽器兼容性，減少了對IE之類瀏覽器的hack。

.container {
/* linear-gradient */
background: linear-gradient(to bottom, #000 0%, #fff 100%);
/* radial-gradient */
background: radial-gradient(circle, #000 0%, #fff 100%);
}

總之，CSS2的處理漸變確實存在一些困難，但是隨著CSS3的普及，前端工程師們可以更加方便地實現各種漸變效果。