CSS教程:在IE7下生成高质量CSS缩略图

z373366364

z373366364

2016-02-20 00:13

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的CSS教程:在IE7下生成高质量CSS缩略图教程,一起来看看吧!超容易上手~

在前端开发中,我们经常遇到这样的情况:服务器传到前端的图片需要缩小以显示(如下),在将其缩放之后,IE中图片效果不容乐观。

img class="thumb" src="pic.jpg" alt="This image is really 500x500 big" width="50" height="50" /

IE7支持自定义双三次重采样模式。devthought为我们提供了一种在IE7中生成高质量缩略图方法,只需要对图片使用下面的css属性,即可修复图片质量。

img.thumb { -ms-interpolation-mode: bicubic; }

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

-ms-interpolation-mode还有另外一个属性值:nearest-neighbor。它使用的是最近邻近插值算法,会产生比较明显的锯齿,图片模糊。对于生成高质量缩略图来说显然不可取。

schill对比了缩略图在各个浏览器间的差异。与其它浏览器比较,opera中图像边缘略显粗糙。总体来说,主流浏览器中缩略图片质量还不错。

遗憾的是,IE6好像还没有很好的方法对缩略图片作平滑处理。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

CSS教程:在IE7下生成高质量CSS缩略图

Web开发
CSS教程:在IE7下生成高质量CSS缩略图

在IE7下生成高质量CSS缩略图

Web开发
在IE7下生成高质量CSS缩略图

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

生成缩略图

Web开发
生成缩略图

无组件生成缩略图

Web开发
无组件生成缩略图

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jsp中生成图片缩略图的代码

Web开发
jsp中生成图片缩略图的代码

js实现缩略图功能

Web开发
js实现缩略图功能

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

win8彪悍的专业拍照应用推荐

win8彪悍的专业拍照应用推荐

如何在word2007中插入和编辑图表

如何在word2007中插入和编辑图表
下拉加载更多内容 ↓