这篇博客介绍了如何自定义HTML alert弹窗样式，以适应网站风格，特别是解决了IE6下的SELECT遮罩问题，并提供了支持圆角的谷歌浏览器样式。通过创建CSS和JavaScript函数`alertMsg`来实现弹窗，该函数接受消息内容和模式参数，允许创建一个或两个按钮的弹窗。代码示例展示了如何使用和调用这个自定义弹窗。
由于系统默认alert弹出窗口不能自定义样式，有可能不符合网站的风格，虽然网上应该有很多这样的JS
但是还是自己写的比较放心，顺便练习一下对DOM的操作
支持IE6下的SELECT不能遮罩的问题，谷歌支持圆角，IE6下就比较丑了，四四方方的，不过可以自定义自己喜欢的样式
听取建议后，修改了position:fixed, IE6下用hack处理了。
点击看效果:
点击模拟Alert弹出框
点击模拟Alert弹出框
点击模拟Alert弹出框
所需CSS：
使用方法，直接调用函数，传递所需定义的信息，支持定义是否有取消键：
alertMsg(msg, mode) //mode为空，即只有一个确认按钮，mode为1时有确认和取消两个按钮
点击模拟Alert弹出框
点击模拟Alert弹出框
点击模拟Alert弹出框
函数代码：添加了一个获取窗口尺寸的函数，又长长了很多，可以把获取窗口的尺寸另外立一个函数放公共库里面，这里只是为了方便演示，写到一个函数里面
function alertMsg(msg, mode) { //mode为空，即只有一个确认按钮，mode为1时有确认和取消两个按钮 msg = msg || '
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
