CSS是網頁設計中常用的樣式表語言，可以用來定義頁面布局、顏色、字體和圖片等。對于圖片處理，CSS可以通過一些特殊的屬性來完成灰度效果，兼容各種瀏覽器，包括IE。

在CSS中，我們可以使用filter屬性來改變圖片的顏色、對比度、亮度等屬性。其中，filter中的grayscale屬性將圖片轉化為灰度，取值范圍為0到1。值越接近0，圖片越接近黑色，值為1時，圖片完全變成灰色。

下面是一個在CSS中使用grayscale屬性改變圖片顏色的示例：

img {
filter: grayscale(.5);  /*將圖片變成50%的灰度*/
}

然而，僅僅在CSS中添加grayscale屬性并不能兼容所有的瀏覽器，特別是IE常常出現兼容性問題。

為了解決這個問題，我們需要在CSS中使用-moz-, -webkit-, -o-和-ms-等前綴來兼容不同瀏覽器。下面是一個兼容各種瀏覽器的灰度圖片代碼：

img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
-ms-filter: grayscale(1);
filter: url("data:image/svg+xml;utf8,#grayscale"); /* 兼容IE8~IE11 */
}

在這個代碼中，我們對于不同瀏覽器添加了不同的前綴，并且使用了一些轉化技巧來兼容IE瀏覽器。其中，使用data URI（Uniform Resource Identifier）可以使得CSS樣式表中包含一些圖像素材，這樣即使在沒有網絡連接的情況下，網頁也可以正常顯示。

總的來說，為了在CSS中添加灰度效果并兼容IE瀏覽器，我們需要在代碼中加入一些兼容性技巧和特殊語法，比較繁瑣，但可以讓我們在各種瀏覽器中都能夠實現灰度效果。同時，我們也可以使用其他的屬性值來實現各種圖片效果，例如sepia（棕褐色效果）、brightness（亮度效果）、contrast（對比度效果）等。