[原创]透明的DIV提示框(兼容IE与Firefox)

浏览器给我们提供了几种对话框,alert(),confirm()...这些对话框虽然易用但是同时有几个缺点:

(1)按钮数量与其上面显示的文字不可改变.
(2)对话框样式单调不好看.
(3)对话框内只能显示文字.

因为以上原因很多网站都选择使用Javascript+CSS编写自己的DIV对话框,DIV对话框不但好看而且能完成大部分的业务需求,于是我也开始试着编写这样的对话框,以下是我个人编写的一个DIV对话框例子:

<html>

<head>

this.bottomDIV.style.width="100%";
[原创]透明的DIV提示框(兼容IE与Firefox)

this.bottomDIV.style.marginTop="0px";
[原创]透明的DIV提示框(兼容IE与Firefox)

this.bottomDIV.style.marginLeft="0px";
[原创]透明的DIV提示框(兼容IE与Firefox)

this.bottomDIV.style.position="absolute";
[原创]透明的DIV提示框(兼容IE与Firefox)

this.bottomDIV.style.top="0px";
[原创]透明的DIV提示框(兼容IE与Firefox)

this.bottomDIV.style.left="0px";
[原创]透明的DIV提示框(兼容IE与Firefox)

this.bottomDIV.style.zIndex=100;
[原创]透明的DIV提示框(兼容IE与Firefox)

//显示提示框

运行效果:

点击弹出提示框