alert弹框自定义样式修改

<div class="body">
     <div class="mask"></div>
     <div class="dialog size-dialog">模态框</div>
</div>
.mask{
    position: fixed;
    z-index: 9;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    top: 0;
    left: 0;
}


.size-dialog{
  width: 500px;
  height: 500px;
}

.dialog{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 12;
    background: #fff;
}

阅读更多
个人分类: css小技巧
想对作者说点什么? 我来说一句

自定义弹出框样式 alert修改

2017年08月08日 2KB 下载

jquery 改写Alert弹出框样式

2014年01月14日 50KB 下载

自定义alert 弹框 弹窗

2017年09月18日 5KB 下载

自己写的alert对话框

2014年10月25日 1KB 下载

自定义弹出框alert

2015年08月13日 95KB 下载

Jquery自带弹出框效果

2016年06月11日 112KB 下载

弹框 遮罩层 alert提示 样式

2018年01月03日 85KB 下载

没有更多推荐了,返回首页

关闭
关闭