关于EXTJS 2.2.1版本在IE环境下Grid组件表头下拉菜单图标错位问题的解决
来源:互联网 发布:lol自慰皮肤软件 编辑:程序博客网 时间:2024/05/29 12:35
目前在用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-menua.x-menu-item{display:block;line-height:16px;padding:3px 21px 3px27px;
修改为:
.x-menua.x-menu-item{display:block;line-height:16px;padding:3px 21px 3px3px;
2.找到ext-all.css文件,找到:
.x-menu-item-icon{border:0none;height:16px;padding:0;vertical-align:top;width:16px;position:absolute;left:3px;top:3px;margin:0;
修改为:
.x-menu-item-icon{border:0none;height:16px;padding:0;vertical-align:top;width:16px;margin:08px 0 0;
- 关于EXTJS 2.2.1版本在IE环境下Grid组件表头下拉菜单图标错位问题的解决
- jquery easyui手风琴菜单效果在ie浏览器下显示错位的问题
- 解决extjs 3 bug chrome上grid cm错位的问题
- 关于EXtJs在IE下的兼容问题
- ExtJs教程----解决ExtJS 5.1.0.107在IE浏览器下面,当页面一打开的时候,下拉框里面的值会全都显示在页面上而且会现出错位
- Extjs Grid Title 在chrome里 错位
- Ext2.2在IE6下菜单menu图标与文字重叠、错位的问题解决
- Ext2.2在IE6下菜单menu图标与文字重叠、错位的问题解决
- 关于EasyUI对话框,表格和菜单组件在IE下的兼容性处理方法
- 关于EasyUI对话框,表格和菜单组件在IE下的兼容性处理方法
- 关于Extjs 2.2 中 Gridpanel在IE6 下宽度超长的问题已经解决
- 解决mxGraph放大/缩小在非IE浏览器下overlay图标位置不变化的问题
- 关于css中 line-height 在ie中和在chrome中错位的问题
- ExtJS Grid 在IE中丢掉第一行数据的问题
- 关于Extjs grid 分页的问题
- flex-iframe 在IE 下 显示错位 问题
- extjs中tree在ie下显示不正常的问题
- EXTjs grid双层表头的实现
- mysql 存储过程写法(转)
- linux设备驱动概述
- 手机报 精文摘抄
- C#实现硬盘文件搜索
- qt 和wxWidgets
- 关于EXTJS 2.2.1版本在IE环境下Grid组件表头下拉菜单图标错位问题的解决
- linux中oracle的日常维护命令
- C语言开发应该注意的问题
- SmartClient技术收藏
- 决定买房
- WINCE的内存配置
- The C10K problem
- 工厂管理信息系统-数据库课程设计
- linux shell 笔记(一)