一个奇怪的IE7问题 

<!DOCTYPE HTML>
<html lang="zh-cn">
<head><style>*+html img{-ms-interpolation-mode:bicubic}</style></head>
<body>
<img style="background:url(http://imgcache.qq.com/vipstyle/caibei/v3/public/img/loading.gif);" width="290" height="177" src="http://p.qpic.cn/cbtuan_yh/4/7f49e51a847d93c75fb7a3b88e79d0c7/510">
</body></html>

以上代码，在原生IE7运行时，会出现图片不断抖动的问题。

经过调试，发现满足以下四个条件时，就会出现这个情况：

1.IE7浏览器。
2.样式中有*+html img{-ms-interpolation-mode:bicubic}（IE7缩略图抗锯齿）。
3.<img>的背景图片使用的是动态gif。
4.img图片有伸缩。

换句话说，只要有一条不满足，就不会产生这个问题。较好的处理方法是在img.onload时，设置img.style.background='none';

posted @ 2013-03-20 13:50  凉粉侠  阅读(335)  评论(0)    收藏  举报