本文共 1207 字,大约阅读时间需要 4 分钟。
出现这样的问题是因为两个框架有冲突,最终的解决方案是把一个框架的core.css中这行代码修改了一下:
/* Button */.button, .buttonActive, .buttonDisabled { float:left; display:block; overflow:hidden; height:25px; padding-left:5px;}
改成:
/* Button */.button, .buttonActive, .buttonDisabled { float:left; display:block; overflow:hidden; height:25px; padding-left:2px;}
padding-left值不能改太小,否则原来那个框架的按钮图标会感觉少了一块。
上述这程方式并不好,一是这个框架有问题,要修改另外一个框架的css文件,二是修改另外一个框架的css后会对原框架造成一定影响,所以最好是修改本框架的css文件进行修改,修改本框架zTreeStyle.css文件,修改前台对比代码如下:修改前:
.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle; border:0 none; cursor: pointer;outline:none; background-color:transparent; background-repeat:no-repeat; background-attachment: scroll; background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
修改后:
.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle; border:0 none; cursor: pointer;outline:none;padding-left:0px; background-color:transparent; background-repeat:no-repeat; background-attachment: scroll; background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
转载地址:http://lkxci.baihongyu.com/