22 回答
Junru
TA贡献5条经验 获得超4个赞
当然可以。 用js或者css控制 显示还是隐藏，即可。
<style>
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.container {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
box-sizing: border-box;
z-index: 1000;
}
.content{
position: absolute;
width: 90%;
height: 200px;
background-color: white;
top: 50%;
left: 5%;
margin-top: -100px;
}
</style>
<div class="container">
<div class="content">电话号码</div>
</div>
希卡利
TA贡献9条经验 获得超5个赞
这个东西，简单的一溜 一个div 里面样式什么都写好，一个position：fixed top：calc（50% - 高的一半）居中就是 在定位的div 里面再放一个div 给个宽度 margin： 0 auto 就可以了
然后用js绑定事件控制显示隐藏
weibo_大鱼饼__03255435
TA贡献1条经验 获得超0个赞
.back_overlay
{
display:none;
position:absolute;
top:0%;
left:0%;
width:100%;
z-index:1000;
background: rgba(0,0,0,0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000, endColorstr=#99000);
}
.layer
{
top:-45px;
position:relative;
margin: 0 auto;
z-inxe:1001;
border:1px solid #ddd;
background-color:#f7f7f7;
}
就是一个弹出层 利用定位把div位置 做好。 然后隐藏掉。
在需要的时候显示就好了。
添加回答
举报
0/150
提交
取消