css对Kindeditor的影响

 

       KE的上传按钮一直有一个毛病让我很伤脑经也一直找不到原因，就是按钮配置好了以后点击没有反应也弹不出对话框。

       这次看了KE的部分源码和KE按钮的HTML，发现KE的按钮是分成2个的一个是显示外观的，一个是实际有作用的但是却是没有任何外观的。如下图所示：

图片地址:http://a.hiphotos.baidu.com/album/w=575/sign=72e9317f0824ab18e016e13000fbe69a/8326cffc1e178a82998eabf9f703738da977e83d.jpg

        KE原有的设置是让这两个按钮重合这样就能顺利上传，但是一些样式会造成这两个按钮分离。分离之后就会造成我上述的错误发生，实际上KE没有任何错误。例如如果在KE按钮的父标签里有浮动效果的话，就可能导致分离的情况。例如此时的li标签的情况：

<li style="float:left;height:350px;width:270px;diaplsy:inline-block;">
	<div style="">
	<div style="padding: 10px;clear:both;float:left;">
	    <div style="">
	    <input type="hidden" id="imgid1" name="imgid1" />
	    <img id="img1" alt="请上传资源缩略图" src="${pageContext.request.contextPath}/admin/images/nopic.jpg" 
			 style="width: 200px;height: 180px;border:1px solid #ddd;" />
	    </div>							
	    <div style="display:block;test-align:left;clear: both;">
		 <input type="button" id="img_btn_1" style="width:110px;height:25px;" value="上传图片"/><br/>
		 <input type="hidden" id="img_url_1" name="imgurl1"/>
			 </div>
		</div>

 基于这样的情况我们可在上传标签的父标签中解除浮动。