css 弹出框

最近想弄一个类似登陆框的那种弹出框,其实网上已经有很多例子,而且也有相应的插件,例如:jquery-ui的,可直接使用,而我就简单的弄了个简易版的登陆框,真的很简易。

其实原理就是设置两个div,一个div_cover,一个div_content。div_cover用于覆盖原来的界面,可以使原来的界面不被触及,并且模糊一下,而div_content则用于显示内容,关键点是通过z-index这个css属性来设置(z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面)

你可能感兴趣的:(css)