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

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

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

  • 写回答

7条回答

  • Go 旅城通票 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条)

报告相同问题？

悬赏问题

  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据，怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据，怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题！
  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像，如何解决？