Loading...
上一篇
下一篇
ExtJs疑难杂症之菜单图标移位问题
作者:GDNPC 日期:2009-06-05
版本：2.2
症状：ExtJs号称是跨浏览器的，但CSS还是有点问题。例如菜单图标的移位问题就很闹心，我们公司使用的都是IE6，结果图标就变成这样了。
以下是extJs自带的example：
解决办法：用了很多办法都搞不定，由于我的系统是内部系统，只能在局域网访问，而且公司统一标装IE6.0，不用考虑别的浏览器。于是我打算修改ext-all.css文件。
打开ext-all.css文件，找到这里：
CSS代码
- .x-menu-item-icon{border:0 none;height:16px;padding:0;vertical-align:top;width:16px;position:absolute;left:0px;top:3px;margin:0;background-position:center;}
改成：
CSS代码
- .x-menu-item-icon{border:0 none;height:16px;padding:0;vertical-align:top;width:16px;position:absolute;left:-25px;top:3px;margin:0;background-position:center;}
OK，一切正常。
用chrome测一下，果然走样了，这种方法只在IE6下有效，大家注意了。
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: javascript js extjs 技术 相关日志:
评论: 0 | 引用: 0 | 查看次数: 1297
发表评论
