CSS 弹出框

原理

利用CSS特性 #msgBody div{}，当有ID为msgBody存在时才生效来实现。

兼容性

兼容IE7+、Chrome、火狐 
IE6下Select元素总在最上层。并且不支持fix所以只能绝对定位。弹出层是会跳转到顶部。
IE6下修改body的ID后display:block; 显示有问题（有一部分显示），在IE6下时，使用left:-10000px;来实现隐藏。

JS中调用方法

弹出方法：document.body.id = 'msgBody';
隐藏方法：document.body.id = '';

Chrome下测试效果

 

实例下载：https://files.cnblogs.com/zjfree/cssAlert.rar