隨著CSS3動畫的普及，越來越多的網頁設計師開始使用它來制作頁面的動態效果。然而，在使用IE瀏覽器（尤其是IE8及以下版本）訪問這些頁面時，會發現這些動畫效果都失靈了。這是因為IE瀏覽器并不支持CSS3動畫效果的全部屬性，因此需要我們采取一些措施來解決這個問題。

@-webkit-keyframes myanimation {
to { transform:rotate(360deg) }
}
@keyframes myanimation {
to { transform:rotate(360deg) }
}
#myelement {
-webkit-animation: myanimation 2s infinite;
animation: myanimation 2s infinite;
}

我們可以使用IE瀏覽器所支持的CSS屬性，來對CSS3動畫進行兼容處理，如使用“-ms-transition”、“-ms-transform”、“-ms-animation”等屬性，來代替CSS3中的“transition”、“transform”、“animation”等屬性。

同時，我們還可以使用JavaScript來實現CSS3動畫的兼容，即使用JavaScript改變CSS樣式，使得頁面效果相同。這里有一個JavaScript的例子，可以讓我們實現一個旋轉動畫：

var element = document.getElementById('myelement');
var degree = 0;
function rotate() {
degree++;
element.style.transform = 'rotate('+degree+'deg)';
element.style.webkitTransform = 'rotate('+degree+'deg)';
if (degree == 360) degree = 0;
setTimeout(rotate, 10);
} 
rotate();

上述代碼在IE瀏覽器中同樣適用，因為它并沒有使用到CSS3動畫的屬性。

因此，當我們使用CSS3動畫時，要注意兼容性問題，并尋找解決方案，以保證我們的網頁效果在各種瀏覽器中都能正常地展現。