鍍金池/ 問(wèn)答/HTML/ 這種彈出層如何做呀？周圍是半透明的遮罩，模板的個(gè)數(shù)是動(dòng)態(tài)生成的？

這種彈出層如何做呀？周圍是半透明的遮罩，模板的個(gè)數(shù)是動(dòng)態(tài)生成的？

圖片描述

回答
編輯回答
忘了我

layer.js很多彈出樣式

2018年6月17日 17:36
編輯回答
紓惘

先上我這邊的實(shí)際效果：
clipboard.png
其實(shí)原理很簡(jiǎn)單，一個(gè)背景遮罩，css樣式設(shè)置，滿足兩個(gè)要求：
1、半透明；
2、z-index屬性夠大，背景后面的東西不可選中；
彈框的話，自己寫一個(gè)：
讓其z-index屬性大于背景即可
這是我這邊實(shí)現(xiàn)的一個(gè)demo簡(jiǎn)單例子

2018年9月23日 17:37
編輯回答
憶當(dāng)年

彈出層很好實(shí)現(xiàn)，你F12看下dom結(jié)構(gòu)跟css就能拿出來(lái)了。
至于模板的個(gè)數(shù)動(dòng)態(tài)生成，js控制的，自己實(shí)現(xiàn)也很容易

2018年1月18日 12:12