收藏
回答

小程序弹窗背景变色

问题模块 框架类型 问题类型 操作系统 工具版本
开发者工具 小程序 Bug Windows 1.02.1901170

- 当前 Bug 的表现(可附上截图)


- 预期表现


- 复现路径


- 提供一个最简复现 Demo


小程序出现弹窗后,背景变暗,该怎么设置?用过不透明度但是效果很差,弹窗部分也出现了透明。

最后一次编辑于  02-22
回答关注问题邀请回答
收藏

2 个回答

  • 小程序社区开发-杰罗米
    小程序社区开发-杰罗米
    02-22

    你可以设置弹窗的background,用rgba来设置透明度,不要设置整个父元素的opacity,这样就可以仅仅是背景色是有不透明度

    比如你的弹窗是这样

    <view class="dialog">something</view>

    .dialog{     background:rgba(0,0,0,0.5) }

    02-22
    赞同 1
    回复 3
    • 心有灵犀
      心有灵犀
      03-06

      谢谢,可能这还要牵扯到一个16进制颜色转化为二进制颜色的问题。

      03-06
      回复
    • 小程序社区开发-杰罗米
      小程序社区开发-杰罗米
      03-07回复心有灵犀

      这个问题不大

      03-07
      1
      回复
    • 心有灵犀
      心有灵犀
      03-07回复小程序社区开发-杰罗米

      设计稿是十六进制的,其实用QQ截图也可以。

      03-07
      回复
  • var 友原
    var 友原
    02-22

    不要用透明度,背景颜色用rgba();

    02-22
    赞同 1
    回复