H5上面套用SUI發(fā)現(xiàn)的一個(gè)問題
我直接用了SUI的popup
http://m.sui.taobao.org/components/#popup
然后遇到了一個(gè)問題
我打開的popup會(huì)有一個(gè)蒙層 蒙層我想要但是他覆蓋了我的popup連popup上面的按鈕都按不了。
這是蒙層
.popup-overlay.modal-overlay-visible?{
? ?visibility:?visible;
? ?opacity:?1;
}
sm.css:2716
.popup-overlay?{
? ?z-index:?10200;
}
sm.css:2697
.modal-overlay, .preloader-indicator-overlay,?.popup-overlay?{
? ?position:?absolute;
? ?left:?0;
? ?top:?0;
? ?width:?100%;
? ?height:?100%;
? ?background:?rgba(0, 0, 0, 0.4);
? ?z-index:?10600;
? ?visibility:?hidden;
? ?opacity:?0;
? ?-webkit-transition-duration:?400ms;
? ?transition-duration:?400ms;
}
他好像是JS生成的
這是POPUP
.popup,?.login-screen?{
? ?position:?absolute;
? ?left:?0;
? ?top:?0;
? ?width:?100%;
? ?height:?100%;
? ?z-index:?10400;
? ?background:?#fff;
? ?box-sizing:?border-box;
? ?display:?none;
? ?overflow:?auto;
? ?-webkit-overflow-scrolling:?touch;
? ?-webkit-transition-property:?-webkit-transform;
? ?transition-property:?transform;
? ?-webkit-transform:?translate3d(0, 100%, 0);
? ?transform:?translate3d(0, 100%, 0);
}
弄了好久還是搞不懂為啥 這是這樣的上次遇到過，然后也沒有處理，只是換了一種方式，但是現(xiàn)在要求半屏上次的不行了 只能用蒙層了
2019-05-17
在動(dòng)態(tài)模板上使用popup組件，僅僅加class和dom是不行的，也需要用動(dòng)態(tài)模板的方式創(chuàng)建popup，參看官方文檔
動(dòng)態(tài)的 Popup
2019-05-17
$(document).on('click','.create-popup',?function?()?{???var?popupHTML?=?'<div?class="popup">'+?????????????????????'<div?class="content-block">'+???????????????????????'<p>Popup?created?dynamically.</p>'+???????????????????????'<p><a?href="#"?class="close-popup">Close?me</a></p>'+?????????????????????'</div>'+???????????????????'</div>'???$.popup(popupHTML);?});2018-06-03
是“z-index值太高了”。
2018-06-03
"打開的popup會(huì)有一個(gè)蒙層 蒙層我想要但是他覆蓋了我的popup連popup上面的按鈕都按不了",如何解決？
2017-06-26
z-index值太高了