利用CSS属性可以再IE7下生成高质量的缩略图

作为一位网页设计制作的开发者的，制作出来的网页中有些缩略图片展示可能需要缩小，在网站后台添加的缩略图很好看，但是到前台的页面显示中图片缩小（如下的HTML代码），而在其缩略图缩放之后，在IE浏览器中的图片显示的效果不容乐观。今天我就给大家介绍一个方法，让图片在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; } -ms-interpolation-mode还有另外一个属性值：nearest-neighbor。它使用的是最近邻近插值算法，而使用这个属性的话，可能会产生较为明显的锯齿效果，图片相对比较的模糊。对于需要生成高质量缩略图来说这个属性显然是不可取的。 　　利用这个属性，我们对比在各个浏览器下缩略图显示的差异。IE7,IE8下缩略图显示的效果都不错，相对主流的浏览器比较，opera中图像边缘就会略的有些粗糙。不过总体说来，在目前商场上主流的浏览器中缩略图片质量还是都不错的。 　　不过对于IE浏览器家族来说，比较遗憾的就是，IE6好像暂时还没有很好的方法来对缩略图片的效果作出平滑的处理。推荐使用IE6的用户，尽快安装最新的IE浏览器下载。

标签:IE相关IE7CSS属性缩略图