Sxd0208 2016-03-14 03:14 采纳率: 100%
浏览 6030
已采纳

怎么让页面背景透明 内容不透明

如题 怎么写 可以上页面背景透明 背景上的内容不透明，而且当滚动条移动时 中间不透明的框框不动。提供一个思路即可。。感觉现在无从下手。图片说明类似图片这样的

  • 写回答

7条回答 默认 最新

  • 斯洛文尼亚旅游 2016-03-14 08:09
    关注

    lightbox而已，不透明的层fixed定位

    
<!doctype html>
<style>
    #lightbox{background:#000;filter:alpha(opacity=60);opacity:.5;width:100%;height:100%;left:0;top:0;position:fixed}
    #layer{position:fixed;background:#fff;left:50%;top:50%;width:300px;height:200px;margin-left:-150px;margin-top:-100px}
</style>
<div id="lightbox"></div>
<div id="layer"></div>
<div style="height:2000px"></div>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(6条)

报告相同问题？