今天遇到了一個(gè)關(guān)于div層覆蓋的問題,我在同一個(gè)頁面引入了jqueryui中的datepiker和百度編輯器,結(jié)果datepiker日期所在的div層被覆蓋了。如圖所示:
成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供秭歸網(wǎng)站建設(shè)、秭歸做網(wǎng)站、秭歸網(wǎng)站設(shè)計(jì)、秭歸網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、秭歸企業(yè)網(wǎng)站模板建站服務(wù),十余年秭歸做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
然后在firebug里查看,發(fā)現(xiàn)datepiker所在div層默認(rèn)的z-index為1,而ueditor的卻是999,所以被覆蓋住了,所以只需要把datepiker的z-index調(diào)大就行了。那怎么修改呢?代碼如下:
$('.date').datepicker({ //改變z-index的值為1000 beforeShow:function(input){ $(input).css({position:'relative',zIndex:'1000'}); } } );
ok,現(xiàn)在datepiker就可以正常顯示了。如圖: