首页 > 代码库 > ie兼容图片缩小后模糊失真(锯齿)问题

ie兼容图片缩小后模糊失真(锯齿)问题

<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>

<meta http-equiv="x-ua-compatible" content="ie=7" charset=‘utf-8‘/>
<title>无标题文档</title>
<style>
img{ width:300px; height:200px;border: 1px solid #000;}
img.ph{-ms-interpolation-mode:bicubic}
v\:image{behavior:url(#default#VML); display:block; width:300px; height:200px; border: 1px solid #000;}
</style>
</head>
<body>
<img src="http://www.mamicode.com/DSC_0535.JPG" width="2144" height="1424" />
<img src="http://www.mamicode.com/DSC_0535.JPG" width="2144" height="1424" class="ph" />
<v:image src="http://www.mamicode.com/DSC_0535.JPG"/>
<v:image src="http://www.mamicode.com/DSC_0535.JPG"/>
</body>
</html>

ie兼容图片缩小后模糊失真(锯齿)问题