昨天做用jquery的手风琴插件的时候,做出来的效果在IE下老是出现图片抖动,在网上搜集一下解决IE下图片作为背景时,有鼠标操作时的抖动问题
主要问题是在于IE6下默认不缓存背景图片,CSS里每次更改图片的位置时都会重新发起请求,解决的办法有以下几种:
(1)用CSS样式(不推荐)
html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
(2)用js调用
<!--[if IE 6]><script type="text/javascript">try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}</script><![endif]-->
(3)现在在网上一般采用CSS背景定位的做法(
css sprite),就是将所有用到的背景图片放在一张图片上,引用时用CSS定位