html 图片缩小后模糊,css图片缩放失真出现锯齿的如何解决呢?

本文介绍了如何使用CSS解决在Internet Explorer 6中图片缩小后出现锯齿的问题。通过设置`-ms-interpolation-mode: bicubic`属性,可以改善图片在IE6中的显示质量。同时,利用VML(Vector Markup Language)和特定的CSS样式也能达到类似效果,但这种方法不适用于非IE浏览器,并且不支持某些DOM操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

IE6 图片缩小后会出现锯齿的问题

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

VML

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

.vml{ behavior: url(#default#VML);}

img{width:343px;height:257px;display:block;}

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

VML:

Old:

 

Bicubic:

 

细节方面:

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

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

3.非IE浏览器不支持;

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值