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

2011年04月25日快乐分享12,860次6条（来一发）

在做网站的时候,遇到的问题,什么都有,主要的还是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='/index/thumb.png' data-original="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='/index/thumb.png' data-original="http://img.gtuan.com/upload/g/4/d1/69c/20110413145113207_2553.jpg" name="img" />
Bicubic:
<img src='/index/thumb.png' data-original="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的相关文章

转载本站原创文章请注明：文章转自挨踢路，链接: https://itlu.net/articles/1551.html

挨踢路

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

相关文章

评论列表(6条)

添加评论