js弹出层的底层原理是什么

js各种框架(如layui的layer)弹出层的底层原理我想到的有2个：

1.把弹出层的display属性在block和none之间切换。

2.在dom上add或remove弹出层。

请问是这2个原理吗？还有别的原理吗？

你可以看看 jquery lightbox ，无非就是修改遮罩、zindex 这些

1、底层就是模态框，通过 CSS 控制 zIndex 显示层的位置、还有背景色样式控制。
2、关闭弹框的时候，移除响应背景 CSS ，恢复原来的 zIndex 的值。