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

在做网站的时候,遇到的问题,什么都有,主要的还是IE6这老不死的毛病最多.现在遇到的就是,图片按照一定的比例压缩后,IE6下呈现出锯齿,很是恶心.我们要做的,不是让客户去换浏览器,尽管这个做法是正确的.而是要去解决问题,兼容这个老不死的东西.

修改了N个方法都不行,只有用谷歌了.还是谷歌好用,一下子就出来了,爽.


<!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>
  <styletype="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="width: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/archive/2011/04/14/2015913.html

查看 浏览器 ie6的相关文章

转载本站原创文章请注明:文章转自 灰狼IT路,链接: https://itlu.org/articles/1551.html

已有 6 条评论

  1. 嗯!前两天刚好有个朋友遇到这种问题,收藏起来,

  2. 杯具呀,还非得用IE自己的那套东西来修正

    1. 微软就是这么的杯具...

  3. 我没有出现过这个问题

  4. 代码让人很伤脑筋啊

  5. 好好研究一下啊

添加新评论