ExtJs疑难杂症之菜单图标移位问题

版本:2.2

症状:ExtJs号称是跨浏览器的,但CSS还是有点问题。例如菜单图标的移位问题就很闹心,我们公司使用的都是IE6,结果图标就变成这样了。

以下是extJs自带的example:

解决办法:用了很多办法都搞不定,由于我的系统是内部系统,只能在局域网访问,而且公司统一标装IE6.0,不用考虑别的浏览器。于是我打算修改ext-all.css文件。

打开ext-all.css文件,找到这里:

CSS代码
  1. .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代码
  1. .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下有效,大家注意了。




[本日志由 GDNPC 于 2009-06-05 09:51 PM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: javascript js extjs 技术
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.