知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、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中缩略图锯齿问题-最新评论