CSS漸變是一種很常用的技術，可以用來實現很多漂亮的效果，比如漸變色背景、按鈕樣式等等。但是，由于IE瀏覽器的兼容性問題，我們需要用一些額外的代碼來兼容IE9及以上瀏覽器。

/* 兼容IE9及以上瀏覽器 */
background: -ms-linear-gradient(top, #ffffff 0%, #000000 100%); 
/* IE10及以上瀏覽器需要加上前綴 */
background: -webkit-linear-gradient(top, #ffffff 0%, #000000 100%); 
background: linear-gradient(to bottom, #ffffff 0%, #000000 100%);

上面的代碼是一個簡單的漸變背景的例子。要想讓此代碼在IE9及以上瀏覽器上兼容，我們需要加上“-ms-linear-gradient”這個前綴。而對于IE10及以上瀏覽器，則需要加上“-webkit-linear-gradient”這個前綴。

除了漸變背景，我們還可以對其他樣式進行漸變處理，比如按鈕、邊框等等。同樣的，對于這些樣式，我們也需要添加相應的前綴來兼容不同的瀏覽器。

/* 兼容IE9及以上瀏覽器 */
border: 1px solid #000000;
border-image: -ms-linear-gradient(to bottom, #ffffff 0%, #000000 100%);
/* IE10及以上瀏覽器需要加上前綴 */
border-image: -webkit-linear-gradient(to bottom, #ffffff 0%, #000000 100%);
border-image: linear-gradient(to bottom, #ffffff 0%, #000000 100%);

通過添加相應的前綴，我們就可以兼容IE9及以上瀏覽器，實現各種漂亮的漸變效果。但是，需要注意的是，不同瀏覽器對于漸變的處理方式可能不同，因此，我們在開發的過程中應該經過充分的測試，保證在各種瀏覽器中都能正常顯示。