• 解决IE6 图片缩小后出现锯齿的问题


    <!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" xmlns:v="urn:schemas-microsoft-com:vml">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     
    <head>
      
    <title>VML</title>
      
    <style type="text/css">
        
    /*v\:* { behavior: url(#default#VML);}*/
        .vml
    { behavior: url(#default#VML);}
        img
    {width:343px;height:257px;display:block;}
        img.thumb
    {-ms-interpolation-mode: bicubic;}
      
    </style>
     
    </head>

     
    <body>
     VML:
    <v:image src="http://img.gtuan.com/upload/g/4/d1/69c/20110413145113207_2553.jpg" name="img" id="vmlimg" class="vml" style="343px;height:257px;display:block"/>
     Old:
     
    <img src="http://img.gtuan.com/upload/g/4/d1/69c/20110413145113207_2553.jpg" name="img" />
    Bicubic:
     
    <img src="http://img.gtuan.com/upload/g/4/d1/69c/20110413145113207_2553.jpg" name="img" class="thumb" />
     
    </body>
    </html>

     细节方面:

    1.使用v:image,所以需要 xmlns:v="urn:schemas-microsoft-com:vml";

    2.v:image必须指定width和height,且display:block;

    3.非IE浏览器不支持;

    4.不支持getElementsByName以及getElementsByTagName获取dom,通过ID可以

    转载请注明出处:http://www.cnblogs.com/lecaf/

    如有任何建议或疑问,欢迎留言讨论。

    如果觉得文章不错的话,欢迎点一下右下角的推荐。

  • 相关阅读:
    pycharm破解补丁的使用
    C# 解析JSON格式数据
    LINQ to DataSet的DataTable操作
    日期格式化
    vue scoped原理
    vue父子组件生命周期执行顺序
    js判断同一天和同一周
    flex总结
    react-router v4 参数传递
    link标签rel="alternate"属性的作用及用法
  • 原文地址:https://www.cnblogs.com/lecaf/p/2015913.html
Copyright © 2020-2023  润新知