IE7下图片缩放失真fix

最新推荐文章于 2026-06-14 11:49:21 发布
最新推荐文章于 2026-06-14 11:49:21 发布 · 155 阅读 · 0
标签
#ie7下的bug #锯齿
本文主要介绍了解决IE7下图片被拉伸导致的锯齿问题的方法，包括增加样式规则`-ms-interpolation-mode`来使用高质量的双三次插值模式，提升图片显示效果。

此篇主要是介绍ie7下图片被拉伸导致的锯齿

 

解决方法：

 

增加这个样式规则

 

 

-ms-interpolation-mode: bicubic
 

语法：

 

-ms-interpolation-mode

 

 

  • nearest-neighbor       ------ use nearest neighbor interpolation mode
  • bicubic                        ------ use high-quality bicubic interpolation mode

 

 

 

 

 

 

 

扩展阅读：

 

1、http://code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/

2、http://msdn.microsoft.com/en-us/library/ms530822(VS.85).aspx

 

js控制图片缩放 不失真 获取图片真实长和宽
04-29
1--控制一张图片等比例缩放容易 ，不失真 2--控制多张图片切换时每张图片保持等比例缩放，不失真
ie兼容图片缩小后模糊失真（锯齿）问题
weixin_30319153的博客
12-27 1539
解决IE下图片缩小失真（有锯齿）的问题 首先，这不是一个新鲜玩意儿，很多大牛08年就发现了。 其次，这是个所有IE下普遍都会遇到的问题，而非只针对于IE67。（百度了一下，大半左右的文章是针对于IE67的）。自己为什么不能试一下呢？为什么不能实事求是，实话实说呢？ 先说一下：-ms-interpolation-mode:bicubic 为IE7私有属性。 inte...
IE7 下图片缩小失真的解决办法
iteye_18018的博客
02-24 357
文章来源：[url=http://www.microidc.com/Y-2010/html-css/ms-interpolation-mode-image-rendering]IE7 下图片缩小失真的解决办法[/url] 一张大图在尺寸小于原始尺寸时，ie7下会表现的很糟糕，画面失真呈锯齿状，如下图： 看看美女变兽+兽了—— [img]http://dl.iteye.com/uplo...
解决IE6图片缩小后出现锯齿的问题
tenfyguo的技术专栏
01-11 2825
来自：http://www.cnblogs.com/lecaf/archive/2011/04/14/2015913.html   VML /*v\:* { behavior: url(#default#VML);}*/ .vml{ behavior: url(#default#VML);} img{width:343px;heigh
问题：在兼容IE7的情况下画线、画图，减少锯齿
q136780964的博客
02-22 409
IE7不兼容HTML5，尝试过用excanvas.js插件，可以用canvas了，但是画出来的效果很差，锯齿比较明显；后来尝试用SVG画，效果很好，但是IE7下显示不了；最终找到了raphael.js，可以在IE7下用，效果还行。Raphaël 是跨浏览器的矢量图形库，目前支持的浏览器包括： Firefox 3.0+，Safari 3.0+，Chrome 5.0+，Opera 9.5+ 以及 Int
移动端样式重置
weixin_37006204的博客
07-02 269
移动端样式重置： @charset "utf-8"; /* * -- 样式说明 -- * 最大优先实现法，全局能实现不用区域，区域能实现不用模板， * 模板能实现不用界面，界面能实现不用标签 * g - 全局 * t - 区域 * m - 模板 * ui - 界面 * lb - 标签 * 特殊标签 * j - 脚本 * fix - 浮窗 */ /* 这个css是初始化的css，在任何手机项...
Windows 7 PSR：系统原生操作捕获与结构化图文报告工具
dingguayi7025的博客
06-14 476
Problem Steps Recorder（PSR）是Windows内置的轻量级操作捕获工具，其核心并非录屏，而是基于UI Automation与事件钩子的结构化操作建模。它通过记录鼠标点击、键盘输入、窗口切换及系统环境元数据，生成含时间戳、控件语义和硬件快照的MHT图文报告，具备零配置、离线交付、高审计性等技术优势。在IT支持、SOP制作与合规培训等场景中，PSR以系统原生能力规避权限冲突与数据外泄风险，尤其在金融、政务等强监管领域展现出不可替代性。本文聚焦Windows 7版PSR的底层机制、隐藏参数
stable diffusion 入门教程
weixin_30436581的博客
09-13 306
sd基础 工作原理&入门 输入提示词后 有文本编码器将提示词编译成特征向量，vae编码器将特征向量传入潜空间内，特征向量在潜空间内不断降噪，最后通过vae解码器将降噪之后的特征向量 解码成一个个像素组成的图片 一般选中默认vae模型 解码编码的模型 CLIP值越大，提前停止的越快，我们提示词被数字化的层数越少，提示词的相关性越小。反之越小越能丰富提示词 CLIP终止层数一般为2 其...
【静态网页模板源码】000045 响应式大气企业ui组件模板网站-响应式(附源码)
宝码香车的博客
12-29 771
我们推出的响应式企业网站模板，是为现代企业量身定制的数字化利器。 外观上，它具有简洁而专业的设计风格。整体布局简洁大气，各个部分的比例协调，给人以舒适的视觉感受。无论是在宽阔的电脑屏幕，还是小巧的手机屏幕上，色彩的呈现始终保持鲜明、和谐，字体大小和样式也能自适应调整，保证清晰易读。 在导航功能方面，响应式导航菜单非常便捷。在桌面端，菜单可能是横向展开的完整菜单，当切换到移动设备时，菜单会自动折叠成易于点击的汉堡菜单或者侧边栏菜单。用户可以轻松地在企业概况、产品服务、新闻资讯、客户案例、联系我们等板块之间
IE下png格式图片失真问题
TD_1997的博客
04-16 1024
页面上的png格式的图片像素很大，通过css将宽高限制，缩小显示图片后，在chrome中会显示正常， 但是在IE 浏览器下图片会出现锯齿，导致失真。 解决方法就是按照显示的大小将图片修改成对应或相近的大小，这样看起来 图片就不会失真 。 转载于:https://www.cnblogs.com/Denvue/p/10718538.html...
IE的PNG黑边及字体锯齿
ZhangYaoxing的专栏
10-31 3012
众所周知IE从7.0开始支持PNG图片的显示，但是其实也是不完整的支持，只能算是一个work around吧，让PNG在大多数时候都显示正常。完完全全的从根本上支持PNG甚至连IE8也还没做到，具体原因可以参考IE的PNG开发人员写的一篇Blog：http://blogs.msdn.com/ie/archive/2005/04/26/412263.aspx简单地说，PNG的支持问题在于IE
虽然Png本身不失真，但是IE显示的时候失真
xiuzhentianting的博客
09-16 2585
IE对JPG，GIF，BMP图片的显示是真实的，唯有对PNG图片显示会失真 测试火狐3.63浏览器，对Png的显示没有失真。 （ 也不能算是失真，而是颜色配改变了： 1、对于从上到下RGB(255,93,0)到(255,144,0)的70x220的渐变图片，在IE6下面，显示成了RGB(255,82,0)到RGB(255,134,0)的渐变图片，红色减少了11 2、即
纯css图片自动缩放代码兼容IE6、IE7、IE8、Firefox
lengfeng201314的专栏
11-21 637
纯css的防止图片撑破页面的代码，图片会自动按比例缩小。(css 图片自动缩放 ) 完美兼容：IE6、IE7、IE8、Firefox 相应代码： .content-width {MARGIN: auto;WIDTH: 600px;} .content-width img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:exp
【创新未发表】绿电直连型电氢氨园区优化运行研究（Matlab代码、Python、数据、word论文）
最新发布
06-20
内容概要：本研究聚焦于绿电直连型电氢氨园区的优化运行，提出一种集成绿色电力直接供给、电解水制氢及氢气合成氨工艺的综合能源系统架构。通过建立包含风光发电、电解槽、氨合成反应器、储氢罐、电网交互及多类型负荷在内的系统模型，综合考虑绿电直供优先、能量梯级利用与多能互补原则，构建以系统综合运行成本最小化为目标的优化调度模型。研究采用Matlab与Python工具进行算法求解和仿真分析，利用实际气象与负荷数据完成案例验证，评估了不同运行策略下系统的经济性、可再生能源消纳能力与碳减排效益，为新型电氢氨一体化园区的规划与运行提供了理论依据和技术支撑。; 适合人群：具备一定电力系统、新能源或化工背景的研究生、科研人员及从事综合能源系统规划与优化工作的工程技术人员。; 使用场景及目标：①用于科研学习，理解电-氢-氨多能转换系统的建模与优化方法；②为工业园区的低碳化、智能化改造提供技术参考与决策支持；③作为开发类似综合能源管理系统的理论基础。; 阅读建议：此资源包含完整的模型代码、数据与论文，使用者应结合代码仔细研读论文中的模型构建部分，重点关注目标函数与约束条件的设计逻辑，并尝试修改参数进行仿真，以深入掌握优化算法在实际系统中的应用。
微型打印机控制电路的设计资料.rar
06-20
微型打印机控制电路的设计资料.rar
HZJZC.rar
06-20
当 CAD 缺失对应字体时，图纸文字会显示异常，出现乱码、问号。将下载好的字体文件复制到 AutoCAD 的 Fonts 文件夹中，即可恢复正常显示。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值