关于EXTJS 2.2.1版本在IE环境下Grid组件表头下拉菜单图标错位问题的解决

目前在用EXT开发过程中，发现一个问题：在2.2.1版本中，在IE环境下，Grid组件的表头下拉排序菜单中A-Z（Z-A）图标和正序( 逆序)文字重叠；在Firefox环境下，显示正常。

最初怀疑是CSS的问题，但是本人对页面的美化的不敏感以及这方面知识的欠缺，所以不知从何下手，于是就问了一下Google，在网上找到一片文章。证实了我的想法，就是CSS的问题，具体要定位到ext-all.css这个文件。在2.2版本中不存在这个问题，在EXT 3中也已经修复了这个问题。最简单的修正方法就是比较2.2和2.2.1的ext-all.css的不同之处，加以修正。

更改方法：

1.找到ext-all.css文件，找到：

.x-menu a.x-menu-item{display:block;line-height:16px;padding:3px 21px 3px 27px;

修改为：

.x-menu a.x-menu-item{display:block;line-height:16px;padding:3px 21px 3px 3px;

2.找到ext-all.css文件，找到：

.x-menu-item-icon{border:0 none;height:16px;padding:0;vertical-align:top;width:16px;position:absolute;left:3px;top:3px;margin:0;

修改为：

.x-menu-item-icon{border:0 none;height:16px;padding:0;vertical-align:top;width:16px;margin:0 8px 0 0;


本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/Ranbiony/archive/2009/06/08/4251589.aspx