您的位置:首页 > 移动开发 > 微信开发

微信点击某位置弹出分享朋友圈提示的层,通用

2017-03-07 14:25 796 查看
-------隐藏的层代码

<div id="mcover" onclick="document.getElementById('mcover').style.display='';" style="display:none;">

<img src="xxxxx/imgs/xxxx.png">

</div>

----------点击位置的JS触发onclic

onclick="document.getElementById('mcover').style.display='block';"

-----对应位置的CSS

#mcover {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.7);

    display: none;

    z-index: 20000;

}

#mcover img {

    position: fixed;

    right: 18px;

    top: 5px;

    width: 260px!important;/*图片尺寸最好用百分比,例如width:78%;高度不填*/

    height: 180px!important;

    z-index: 20001;

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐