资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

js+html5实现半透明遮罩层弹框效果-创新互联

点击按钮,出现半透明遮罩层弹框,说说自己之前发过的愁吧

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名注册、虚拟空间、营销软件、网站建设、梁子湖网站维护、网站推广。

1、遮罩层半透明了 弹框也跟着半透明了 就像这样 绝望吧

js+html5实现半透明遮罩层弹框效果

是哪里错了呢?你的css是这样写的吧:

js+html5实现半透明遮罩层弹框效果

应该这样:

js+html5实现半透明遮罩层弹框效果

需要注意的是这几个参数的意思:RGB Red Green Bule 3色!及212, 0, 0 三色的值混合 .最后一个参数 0.5 是指的透明度 1表示不透明

2、半遮罩层里面的内容可以上下滑动 感觉挺好玩的 /笑哭

修改就是把半遮罩层的position设置为fixed 里面的内容就不会变啦

接下来就是代码show