Ext ColumnTree 样式有关问题

Ext ColumnTree 样式问题
项目中用到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正常.
乱七八糟的样式全部加进项目中,真是噩梦.

查看更多 下一篇