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

Javascript
DOM相关内容速查手册
[转]JS宝典学习笔记
背景，文字渐变（无闪屏）
一个仿DOS的Loading效果
JavaScript使用prototype定义对象类型
如何用JS获取带“\”字符串的中间值？
如何识别上传前检测的图像是有效的方法
js模拟滤镜的图片渐显效果
如何用javascript去掉字符串里的所有空格
javascript如何判断数组内元素是否重复的方法集锦
控制打印时页眉角的代码
模仿Flash AS效果的导航菜单
页面自定义拖拽布局
js判断浏览器的比较全的代码
又一日历输入效果没考虑兼容性，IE通过
项目添加
[转]prototype 源码解读 超强推荐
JAVASCRIPT对象及属性
JavaScript解决Joseph问题
实例：用 JavaScript 来操作字符串(一些字符串函数)

No. « 48 49 50 51 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-28   浏览: 354 ::
收藏到网摘: n/a

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

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

 

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

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

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