程序博客网 > origin软件免费下载

ie7 img指定宽高呈现锯齿状

来源：互联网发布：origin软件免费下载编辑：程序博客网时间：2024/04/27 19:20

项目中小图和大图使用了同一个图片，在IE8、firefox、chome中显示均没有问题，但在ie7中缩小显示的图有锯齿状，很伤人的一个问题。

尝试过 -ms-interpolation-mode: bicubic，没有解决问题，又尝试了

<head>

<title>VML</title>

<style type="text/css">

v\:* { behavior: url(#default#VML);}

img{width:128px;height:128px;display:block;}

img.thumb{-ms-interpolation-mode: bicubic;}

</style>

</head>

<body>

VML:

<v:image src="http://www.iconpng.com/png/phuzion/home.png" style="width:128px;height:128px;display:block"/>

Old:

<img src="http://www.iconpng.com/png/phuzion/home.png" />

Bicubic:

<img src="http://www.iconpng.com/png/phuzion/home.png" class="thumb" />

</body>

</html>

这种方式可以解决问题，但是给网站带来了信息的问题，有些图片变形了，最终环视没有办法是用，看来是让大小图分别存储了。

这是当初设计经验的不足导致后面带来的问题，再次做个备份，防止再犯类似的错误。

<head>

<title>VML</title>

<style type="text/css">

v\:* { behavior: url(#default#VML);}

img{width:128px;height:128px;display:block;}

img.thumb{-ms-interpolation-mode: bicubic;}

</style>

</head>

<body>

VML:

<v:image src="http://www.iconpng.com/png/phuzion/home.png" style="width:128px;height:128px;display:block"/>

Old:

<img src="http://www.iconpng.com/png/phuzion/home.png" />

Bicubic:

<img src="http://www.iconpng.com/png/phuzion/home.png" class="thumb" />

</body>

</html>

origin软件免费下载

origin软件免费下载

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子雷克萨斯es哪个好雷克萨斯es质量怎么样 es多少钱雷克萨斯es保养雷克萨斯es es300h 雷克萨斯es新款价格雷克萨斯 es 300h 雷克萨斯es和凯美瑞雷克萨斯es 价格雷克萨斯es质量雷克萨斯es保养费用雷克萨斯es首付多少雷克萨斯es销量雷克萨斯es配置雷克萨斯es优惠活动 es 雷克萨斯雷克萨斯es报价及图片 es雷克萨斯价格雷克萨斯es 240 雷克萨斯es 换代雷克萨斯es油耗雷克萨斯es轮胎雷克萨斯es 2015款雷克萨斯es音响雷克萨斯es分期雷克萨斯 es 换代 es 350 雷克萨斯es评测雷克萨斯es和gs 雷克萨斯es历史雷克萨斯es车型雷克萨斯es后期保养雷克萨斯is es 雷克萨斯es动力雷克萨斯es参数雷克萨斯 es 250 雷克萨斯es竞争对手雷克萨斯es优惠多少雷克萨斯新es200 es 文件浏览器雷克萨斯es贴膜