今天使用ExtJS 2.2.1進行頁面開發時,發現在IE6中的Grid的表頭顯示異常,圖標和文字發生錯亂,如圖:
在Firefox和chrome顯示都是正常的,很是奇怪,難道是版本問題?
將2.2版本和2.2.1版本的ext-all.css進行了比較,發現有兩處不一樣,改回2.2版本后一切正常:
找到.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;
找到.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;

另外,ExtJS最新的3.0 RC1版已經沒有這個問題了。