当前位置: 代码迷 >> Web前端 >> Ext ColumnTree 样式有关问题
  详细解决方案

Ext ColumnTree 样式有关问题

热度:330   发布时间:2012-10-20 14:12:48.0
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正常.
乱七八糟的样式全部加进项目中,真是噩梦.