Question

HTML中如何用DIV CSS javascript模拟实现模态窗口的弹出？

或者说是用DIV CSS javascript实现锁屏的功能

Answer 1

锁屏效果的原理：共3层，最里面一层是网页的内容，其次一层是透明层，最外面一层是弹出窗口，而控制这三层显示先后顺序的是z-index值，z-index值越大越靠近外面，若理解不了，你可以这样想：在数学里，我们有学过直角坐标系吧，里面分为x轴、y轴、z轴，其中z-index你可以看成是z轴，z轴的值是不是，越往外，值越大。只要将这三层的z-index值设为不同，在最外面的弹出框那层z-index值设为最大，然后将中间那层的透明度改小一点，就好了。

Answer 2

锁屏原理就是用一个层覆盖掉原本的内容
同时要求输入设置好的密码 相同就解开不同就继续锁定

Answer 3

你用jquery去做锁屏，自己写的浏览器不兼容。

Answer 4

先算出屏幕的可视区域宽高
然后把这宽高给一个div作为蒙层
再拿个div来作为窗口
根据可视区域宽高和它自身的宽高把它定位到屏幕中间

千万别自己写了, 用jquery吧
http://jqueryui.com/dialog/#modal-confirmation

这效果你会喜欢的

Answer 5

在页面上设置一个div悬浮层 点击就显示这个悬浮层 这样就可以实现你要的效果了 悬浮层代码网上很多