CSS 解决IE7中缩略图锯齿问题
发布时间 | 2014/6/1 点击 | 次
CSS 解决IE7中缩略图锯齿问题
发布时间 | 2014/6/1 点击 | 次
一句样式解决IE7中缩略图锯齿问题
为你的缩略图样式加上如下一句话：
img.img0 { -ms-interpolation-mode: bicubic;}
演示效果：
img{ -ms-interpolation-mode: bicubic; } 为IE7私有属性，可以使缩略图变的平滑，效果非同寻常。
圆形图案或者弧形图案的对比效果非常明显。
<!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>