小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 当前 Bug 的表现(可附上截图)
- 预期表现
- 复现路径
- 提供一个最简复现 Demo
小程序出现弹窗后,背景变暗,该怎么设置?用过不透明度但是效果很差,弹窗部分也出现了透明。
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你可以设置弹窗的background,用rgba来设置透明度,不要设置整个父元素的opacity,这样就可以仅仅是背景色是有不透明度
比如你的弹窗是这样
<view class="dialog">something</view>
.dialog{ background:rgba(0,0,0,0.5) }
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
谢谢,可能这还要牵扯到一个16进制颜色转化为二进制颜色的问题。
这个问题不大
设计稿是十六进制的,其实用QQ截图也可以。
不要用透明度,背景颜色用rgba();
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你可以设置弹窗的background,用rgba来设置透明度,不要设置整个父元素的opacity,这样就可以仅仅是背景色是有不透明度
比如你的弹窗是这样
<view class="dialog">something</view>
.dialog{ background:rgba(0,0,0,0.5) }
谢谢,可能这还要牵扯到一个16进制颜色转化为二进制颜色的问题。
这个问题不大
设计稿是十六进制的,其实用QQ截图也可以。
不要用透明度,背景颜色用rgba();