• 解决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/

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

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

  • 相关阅读:
    fastjson 解析 字符串 为对象
    fastjson 对类模板进行 parseObject
    VUE路由跳转传递参数的几种方式
    ES 常用设置修改
    springboot图片路径形式获取图片
    Elasticsearch根据ID进行查询
    linux 常用命令
    Elasticsearch常用操作
    java8 stream接口终端操作 count,anyMatch,allMatch,noneMatch
    logstash数据迁移
  • 原文地址:https://www.cnblogs.com/lecaf/p/2015913.html
Copyright © 2020-2023  润新知