DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> IE7浏覽器下縮放圖片失真問題
IE7浏覽器下縮放圖片失真問題
編輯:關於JavaScript     

網頁制作poluoluo文章簡介:簡單來說,我們在圖片的CSS 加-ms-interpolation-mode: bicubic 就可以讓IE7的圖片在有縮放的情況下,失真變得不怎樣明顯.

圖片縮放會失真是真理,在浏覽器裡也一樣,貌似使用傳說中的 雙三次插值 可以讓失真看起來比較不明顯,但是真的想不通IE7已經實現了,卻不默認打開,是體諒我們的CPU還是內存呢?

簡單來說,我們在圖片的CSS 加-ms-interpolation-mode: bicubic 就可以讓IE7的圖片在有縮放的情況下,失真變得不怎樣明顯,

 

更多的測試可以到可以到 MSDN做的例子看一下效果,或者到 血統の森-web実験小屋 看一下效果。

沒想到IE7平滑的效果居然可以比Safari好。更讓我想不到的是,居然還有另一個屬性值nearest-neighbor,難道為了讓人節省CPU而使用嗎?最少我現在還沒想到為什麼要用的理由。

BTW:那時發現這個屬性後給同事笑到說,人家某部門去年就發現了,居然我開始火星鳥,不過發現了不用也沒什麼作用,呵呵,謹以此文獻給比我還火星滴同學

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved