问题描述

弹出一个div，覆盖整个页面

点击一张图片，弹出一个div，使弹出的div遮盖整个页面，怎么实现，求帮忙。谢谢了。。。

解决方案

如何让div覆盖整个页面？

解决方案二：

设置一个隐藏div,大小为页面大小,在img上添加一个点击事件,当触发点击事件的时候,把div的css样式,修改为可见状态即可

解决方案三：

 <img onclick="document.getElementById('lightbox').style.display='block'" alt="图" />
 <style>#lightbox{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;filter:alpha(opacity=50);opacity:.5;display:none}</style>
<div id="lightbox"></div>

解决方案四：

可以利用z-index属性实现弹窗口遮盖效果，参考：http://blog.csdn.net/wojiushiwo945you/article/details/43195603

解决方案五：

可利用透明度实现弹窗遮盖，需要的话招呼我