有時我們會將網頁中的大圖，直接設定Width來縮小它，雖然圖可以順利變小，不過在IE中就是醜醜的，帶點鋸齒狀。

就像下圖的左半邊，孔廟從500px分別縮成300、150，只見那鋸齒如影隨形，陰魂不散。

不過，經過神奇的整容術之後，就能變成右半邊的樣子，是不是平滑許多呢?

是不是有種「我不敢相信，但是它真的發生了~」的感覺呢??

要怎麼樣才能做到呢?

會不會很難呀? 

各位觀眾，請注意，一句話，叔叔有練過，不過你還是可以在家裡模仿，連電腦前的小狗都辦得到。

在CSS中，設定img的屬性: 

img {
-ms-interpolation-mode: bicubic;
}

這樣即可。

當然，你也可以只在縮圖中套用這個屬性，像是:

img.thumbnail {

 -ms-interpolation-mode: bicubic;
}

這時，只要在要縮圖的影片加上這個class，像是<img src="xxx.jpg" class="thumbnail" />

收工，放飯。