當前位置:首頁 > 我們的(de)觀點 > 列表

CSS 解決IE7中縮略圖鋸齒問題

點擊:時(shí)間:2014/6/1關鍵詞:
一句樣式解決IE7中縮略圖鋸齒問題爲你的(de)縮略圖樣式加上如下(xià)一句話(huà):img.img0 { -ms-interpolation-mode: bicubic;}演示效果:img{ -ms-interpolation-mode: bicubic; } 爲IE7私有屬性

一句樣式解決IE7中縮略圖鋸齒問題

爲你的(de)縮略圖樣式加上如下(xià)一句話(huà):
img.img0 { -ms-interpolation-mode: bicubic;}

演示效果:
一句樣式解決IE7中縮略圖鋸齒問題

img{ -ms-interpolation-mode: bicubic; }  爲IE7私有屬性,可(kě)以使縮略圖變的(de)平滑,效果非同尋常。

圓形圖案或者弧形圖案的(de)對(duì)比效果非常明(míng)顯。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>一句樣式解決IE7中縮略圖鋸齒問題_上海網站制作-http://www.021jz.com.cn</title>
<style>
img{width:300px; height:300px;}
img.img0 { -ms-interpolation-mode: bicubic;}
</style>
</head>

<body>
<img src="0.jpg" width="800" height="556" />
<img src="0.jpg" width="800" height="556"  class="img0"/>
</body>
</html>

預約建站
免費提供網站優化(huà)
領取關鍵詞