先上具體實(shí)現(xiàn)方法召调。
首先,在 css 里給 layer 彈出層寫個(gè)自定義 skin (這點(diǎn)不明白的同學(xué)請(qǐng)出門左轉(zhuǎn) layui 官網(wǎng)文檔):
.myskin{
background-color: transparent;/*背景透明*/
box-shadow: 0 0 0 rgba(0,0,0,0);/*前景無(wú)陰影*/
}
然后蛮浑,
在準(zhǔn)備彈出 layer 的時(shí)候:
layerIndex = layer.open({/*用于手動(dòng)關(guān)閉彈出層*/
type: 1,
title: false,
closeBtn: 0,
shadeClose: true,
area: ['auto', '520'],
skin: 'myskin',/*注意這里用到了我們前面給 layer 寫的自定義 skin*/
content: html,/*自定義 html 內(nèi)容唠叛,注意這里的整個(gè) html 內(nèi)容背景肯定是透明的*/
success: function(layero, index){
},
end: function(){
}
});
這就 OK 了。
再說(shuō)說(shuō)上面實(shí)現(xiàn)方案的適用場(chǎng)景沮稚,一圖以蔽之:
完艺沼。