這種彈出層如何做呀？周圍是半透明的遮罩，模板的個(gè)數(shù)是動(dòng)態(tài)生成的？
郎朗坤
2019-02-28 11:31:33
2 回答
拉風(fēng)的咖菲貓
TA貢獻(xiàn)1995條經(jīng)驗(yàn) 獲得超2個(gè)贊
彈出層很好實(shí)現(xiàn)，你F12看下dom結(jié)構(gòu)跟css就能拿出來(lái)了。
至于模板的個(gè)數(shù)動(dòng)態(tài)生成，js控制的，自己實(shí)現(xiàn)也很容易
慕絲7291255
TA貢獻(xiàn)1859條經(jīng)驗(yàn) 獲得超6個(gè)贊
先上我這邊的實(shí)際效果：
其實(shí)原理很簡(jiǎn)單，一個(gè)背景遮罩，css樣式設(shè)置，滿足兩個(gè)要求：
1、半透明；
2、z-index屬性夠大，背景后面的東西不可選中；
彈框的話，自己寫(xiě)一個(gè)：
讓其z-index屬性大于背景即可
這是我這邊實(shí)現(xiàn)的一個(gè)demo簡(jiǎn)單例子
添加回答
舉報(bào)
0/150
提交
取消