为什么extjs用css切换图片背景在IE6下不会出现延迟？

比如这个页面:http://extjs.com/deploy/dev/examples/form/combos.html中的下拉列表右边的向下小箭头图标。

将鼠标移动到上面时，会用css切换成稍亮的图片（其实和前一张图片是同一张，通过改background-position实现）。

现在我自己实现一个类似的下拉列表，用的就是extjs自带的图片（上面说的那张），通过添加mouseover,mouseout事件来改变background-position，效果能达到一样。但是在IE6下切换图片时会有延迟的闪一下。

请问是什么问题？难道添加了什么hack在里面？

为什么标题跟内容是相反的?

google "pixy 样式"

http://www.cnblogs.com/dingsheng/articles/769614.html

有相反吗？ :x
标题是说ext为什么不会出现延迟。
内容最后面是说为什么我用同样的方法实现（不是用extjs）却会延迟。

老了 眼花了

搞定
to radar，看《精通css》里是在父元素背景里设置一张相同的背景，偶在<td>的<tr>里设置，似乎没有作用。

不过找到一种更简单的办法。已测试通过。mootools中有处理。
<!--[if IE 6]>
<script>
document.execCommand("BackgroundImageCache", false, true);
</script>
<![endif]-->

IE6下默认不缓存背景图片，CSS里每次更改图片的位置时都会重新发起请求，用这个方法告诉IE6缓存背景图片

IE 6 的处理不一样吧,在FF下没问题呀

以下内容为转帖：

来自： http://www.pmme.cn/archives/all-about-client-cache/

6闪烁的原因

首先总结ie6中发生闪烁的原因，最后给出一个解决方案。

定义一个这样的样式：

1. .Example a{
2. background-image:url(some image);
3. }

下面是所有会引发闪烁的原因：
Background

当此元素background被设置成以下的值时，会发生闪烁：
background-color: transparent
background-repeat: repeat
background-position: 只要设置了都会闪烁
元素的面积

需要这个元素不闪烁，这个元素的面积必须要大于2500px^2。 =。=

1. .example a {
2. width: 50px;
3. height: 50px;
4. background-image:url(some image);
5. }

1. .example a {
2. width: 50px;
3. height: 40px;
4. background-image:url(some image);
5. }

上面一个样式不会闪烁而下面一个样式会闪烁……
图片是否透明gif

当背景图片是一个带透明效果gif时，会闪烁。
跨浏览器的解决办法

1. <script>
2. try {
3. document.execCommand('BackgroundImageCache', false, true);
4. } catch(e) {}
5. </script>
6. <style>
7. a{ background:transparent url(logo.gif) no-repeat scroll left bottom;line-height:300px;padding:30px;}
8. a:hover{ background-position:-2000px 100%;}
9. </style>
10. <a href="/"> </a>

其中logo为一个包含原图和翻转图片的大图片。在IE6,IE7,firefox2.0,opear9下测试通过