点击一个按钮在页面中间弹出一张图片,点击空白图片消失?

除了图片,屏幕阴影效果,这个怎么实现的?

已邀请:

xiangkun404gg

赞同来自:

点击图片show出来 点击遮罩层hide掉

shuishou125

赞同来自:

<button type="button" onclick="showImg()">Click Me!</button>
<div class="bg_img" style="background:#191919;opacity:0.8;display:none;position:fixed;width:100%;height:100%;"></div>
<img class="img" src="" style="display:none;position:absolute;top:10%;left:0;width:100%"/>

jQuery:

....大概就是这样了,没测试...那个宽度可以根据自己的实际情况来修改 用之前记得导入jQuery包

yuejinfeng

赞同来自:

一个100% 100%的z-index大于遮罩层的div,里面有个img标签,水平垂直居中。
点击图片效果你选择,event终止,点击div其他部分 div删除

要回复问题请先登录注册