知识 分享 互助 懒人建站

懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

懒人建站提供网页素材下载、网站模板
知识 分享 互助!

一句样式解决IE7中缩略图锯齿问题

作者:佳明妈 来源:懒人建站 2010-01-11 人气:
一句样式解决IE7中缩略图锯齿问题 为你的缩略图样式加上如下一句话: img.img0 { -ms-interpolation-mode: bicubic; } img{ -ms-interpolation-mode: bicubic; } 为IE7私有属性,可以使缩略图变的平滑,

一句样式解决IE7中缩略图锯齿问题

为你的缩略图样式加上如下一句话:

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

看演示效果:
一句样式解决IE7中缩略图锯齿问题

img{ -ms-interpolation-mode: bicubic; }  为IE7私有属性,可以使缩略图变的平滑,效果非同寻常。

演示代码如下:
圆形图案或者弧形图案的对比效果非常明显。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>一句样式解决IE7中缩略图锯齿问题_懒人建站-http://www.51xuediannao.com</title>
<style>
img{width:300px; height:300px;}
img.img0 { -ms-interpolation-mode: bicubic; }

</style>
</head>

<body>
<img src="0.jpg" width="800" height="556" />
<img src="0.jpg" width="800" height="556"  class="img0"/>
</body>
</html>
 

↓ 查看全文

一句样式解决IE7中缩略图锯齿问题由懒人建站收集整理,您可以自由传播,请主动带上本文链接

懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

一句样式解决IE7中缩略图锯齿问题-最新评论