解决美化控件冒泡问题

解决美化控件冒泡问题

 li有点击事件，input也有自身的点击事件，而且还用了美化控件，所以会产生冒泡，为了方便快捷的解决这个问题，只要再美化控件上方再加一个透明的div遮住控件就好，如图二，代码如下：

<li class="clearfix">

<input type="checkbox" />

<div class="mask-check"></div>

</li>


<style>
.posUL li{z-index:2;}
.posUL span.jqTransformCheckboxWrapper{z-index:1;}
.posUL li .mask-check{width:40px;height:30px;position:absolute;top:0;left:0; z-index:2;}
</style>