项目中用到Column tree,基于ext3.3 找了个2.1的例子加入项目中,在ff下显示ok.但ie下排版错乱.以为是版本问题.改成3.3.问题依然.
主要问题为样式.定位问题为与现有框架中的样式冲突.查找加载的css
<link rel="stylesheet" type="text/css" href="script/extjs/resources/css/ext-all.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <link rel="stylesheet" type="text/css" href="css/index.css" /> <link rel="stylesheet" type="text/css" href="css/icon.css" /> <link rel="stylesheet" type="text/css" href="css/checktree.css" /> <link rel="stylesheet" type="text/css" href="css/column-tree.css" />
起初为了防止css冲突,而把column-tree.css 放在末尾,起到如有冲突则覆盖前面的作用.但貌似不起作用.最后确定为index.css样式中有重名:
.x-tree-node-leaf { padding: 2px 0 0 2px; } .x-tree-selected { border: 1px dotted #a3bae9; background: #DFE8F6; border: 1px dotted #a3bae9; }
导致与column-tree.css 部分重叠.
去掉后,ie和ff正常.
乱七八糟的样式全部加进项目中,真是噩梦.