IE7浏览器下缩放图片失真问题- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > IE7浏览器下缩放图片失真问题

Javascript: 关于javascript document.createDocumentFragment(); javascript 有趣而诡异的数组; javascript 兼容鼠标滚轮事件; javascript mouseover、mouseout停止事件冒泡的解决方案; javascript 放大镜效果js组件 qsoft.PopBigImage.v0.35 加入了chrome支持; javascript 表格排序和表头浮动效果(扩展SortTable); Cookie 注入是怎样产生的; javascript RadioButtonList获取选中值; javascript fullscreen全屏实现代码; 常用简易JavaScript函数; 用js实现的检测浏览器和系统的函数; File文件控件，选中文件(图片,flash,视频)即立即预览显示; js 获取键盘值用法(兼容IE及Firefox); javascript 鼠标滚轮事件; javascript 原型模式实现OOP的再研究; js 判断浏览器类型去全角、半角空格自动关闭当前窗口; javascript html 静态页面传参数; Firefox window.close()的使用注意事项; javascript removeChild 使用注意事项; js cookies 常见网页木马挂马代码 24小时只加载一次

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 236 ::

收藏到网摘: n/a

图片缩放会失真是真理，在浏览器里也一样，貌似使用传说中的双三次插值可以让失真看起来比较不明显，但是真的想不通IE7已经实现了，却不默认打开，是体谅我们的CPU还是内存呢？

简单来说，我们在图片的CSS 加-ms-interpolation-mode: bicubic 就可以让IE7的图片在有缩放的情况下，失真变得不怎样明显，

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

没想到IE7平滑的效果居然可以比Safari好。更让我想不到的是，居然还有另一个属性值nearest-neighbor，难道为了让人节省CPU而使用吗？最少我现在还没想到为什么要用的理由。

BTW：那时发现这个属性后给同事笑到说，人家某部门去年就发现了，居然我开始火星鸟，不过发现了不用也没什么作用，呵呵，谨以此文献给比我还火星滴同学