Question

使用easyui时遇到的问题

我现在初学EasyUI，感觉虽然比之前纯手工的HTML轻松许多，但这种轻松还存在很多问题，对于我来说是这样的，老师让做一个小项目，人力资源管理系统，我就用EasyUI的layout弄了个外壳，但使用的过程中很多地方不尽人意，下面这一点是最没办法的，就是当鼠标移动到左侧的导航菜单下的各个标题时就会有一层蓝色的长方块挡住，完全看不到字，还有就是别人都有的层叠按钮也弄没了，不知道是怎么回事？
还有使用中会出现外部、内部的css样式不管用，只有写在行内才管用，这点也挺让人郁闷的，要都写在行内，那代码岂不看起来很乱？
本人小白，望大神们指教~[下面上图]
=================================
这个问题肯定是因为easyui页面上引用的.css不全了，现在也记不得了，但是如果有人搜到这个问题的话，希望可以给予你们一点帮助，以现在我的技术这点问题已经不是事了，但当时还是很迷茫了，如果有人遇到这个问题，切记一定要看一下html头部部分引入的.css、.js文件是否健全，肯定是少引了、或者引错了，我之所以说行内样式管用，行内样式是最高级的当然管用，肯定会覆盖easyui的原始样式了，但这不是根源问题，根源问题还是引用的.css和.js问题缺失或错误，仔细找找吧。

Answer 1

easyui不是100%能满足所有你手工开发html的功能，你只能按照他文档，按照他的方式来使用，因为easyui本身用了好多js来包装的你html源，导致最后的文档跟你当初的原始文档差了不少

既然使用了easyui建议你就不要再使用，最起码不要过多的使用自定义的样式，初学者很容易被搞晕。外部或者内部css没有被引入进来的问题可能是你引入的点没有放在easyui的css文件后面，css跟加载顺序是相关的，因为css本身叫层叠样式，还有一种可能是你用id或者class来定义样式的时候，你是按照原始html文档来定义的，但是被easyui的js处理完后，你文档结构有可能被修改，导致样式失效。

建议你初期直接使用easyui提供的样式，不要自己定义了

你左侧鼠标移动上去看不到字的问题，我给你2个建议：
第一，使用类似firefox浏览器firebug来调试一下，看下鼠标移动上去蓝色的条是哪个css或者js文件定义的，光看谁也不知道是怎么回事，一定要借助工具来帮助你开发。
第二，放弃你现在的结构，我觉得，既然你左侧是菜单，为何不在accordion内嵌入tree呢？美观还好用。

学easyui不难，但是你要想用了easyui再自己定义一堆堆的样式，很难，很多用了一段时间的也会被搞晕，比如我，呵呵