div+css+js實現彈出框

面試被問到如何讓彈出框居中，然而本身沒有作過彈出框，搜資料，本身就試着作了一個。javascript 效果： 點擊彈出框按鈕後，頁面上顯示一個彈出框，而且背景要變成灰色，原始頁面不能被操做的，直到關閉彈出框。  原理： 在原頁面的基礎上添加兩個格，一個是彈出層，一個是遮罩層，即背景層。這兩個div和原始頁面是在一個文件中，首先經過設置display：none;讓這兩個div不顯示，而後經過給彈出框

>>阅读原文<<