css代码
.modal{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
}
.modal-content{
width: 100%;
max-width: 500px;
padding: 20px;
border-radius: 10px;
margin: 0 auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
background: #fff;
}
.close{
width: 20px;
border-radius: 50%;
position: absolute;
right: 20px;
top: 20px;
background: #ccc;
text-align: center;
cursor: pointer;
}
dom元素
x
质优平台全面介绍，多方扶持未来可期
交易大咖助阵，多角度发散引交易登高
圆桌交流聚力，神秘大礼待出
js代码
【jquery|jquery+css 实现遮罩层】
推荐阅读
- web网页模板|如此优秀的JS轮播图，写完老师都沉默了
- JavaScript|JavaScript之DOM增删改查(重点)
- 网络|一文彻底搞懂前端监控
- css|我用css精灵图拼接了自己的英文名字，不会还有人不知道精灵图技术吧（）
- css|css三角的做法及其案例
- css|css中元素的显示与隐藏
- JavaWeb|JavaWeb学习——CSS
- flex|C语言-使用goto语句从循环中跳出
- java|你跳一次涨多少（今天见识到跳槽天花板！！）