项目中需要用到一个颜色选择器,我用的jscolor,感觉很简单也很好用,引进一个js文件,然后直接input就可以使用了
<script src="${ctx}/rs/js/jscolor.js" type="text/javascript"></script>
<div class="col-sm-6 ">
<input class="jscolor" value="${ busiTemplateLayout.titleBgColor }" name="titleBgColor">
</div>
但是在使用的过程中,出现了一个很蛋疼的问题,就是bootstrap的遮罩层,挡住了弹出的颜色选择器的面板,在网上找了很久的资料,大多的方法都是给弹出层设置z-index:9999;设置为最高,但是我设置的时候一直没有反应,然后没办法,我直接去引入的js文件里面去找那个z-index属性去了,还真给我找到了,
如图,直接给它改成9999,解决!!!