请诊断一下是否是bug，无法阻止透明，用背景图片，用透明度等，都不行！！！

绿色按钮没有透明

文本透出来了

文本透出来了

文本透出来了

下面是源代码：

app.wxss

.k{ display: flex; align-items: center; padding:0 10px; font-size:14px; height:36px; }

.j{ color:#333; font-weight: normal; flex-shrink:0;}

.c{ color:#999; flex-grow:1; flex-shrink: 1; position: relative; line-height: 1.8; padding:5px; }

.in{ padding:3px 5px; border-radius: 5px; border:1px solid gray; margin-right: 6px;}

radio,checkbox{padding: 5px ; color:black;  }

.panel{position: absolute; top:0;right:-53px; background:url(https://www.sxldfang.cn/p8/ba.png) ; padding:10px; z-index: 1;

border-radius: 10px; max-height: 200px; overflow-y: auto; border:1px solid #666; }

.h{line-height: 2;margin:5px ; font-size:14px; }

.kong{height:100px;}

.jj{text-indent: 2em; font-size: 14px; color:#333; padding: 10px; line-height: 1.8; }

me.wxml

<view wx:for="{{person}}" class='k'>

<text class='j'>{{item.c}}：</text>

<input wx:if="{{item.t==0}}" class='c in'  data-index='{{index}}' bindfocus='sc' bindinput='sc' value="{{item.v}}"></input>

<view wx:elif="{{item.t==1}}" data-who='menu' class='c' bindtap='sc' data-index='{{index}}'>

<text data-who='menu'>{{item.v?item.v:'单击去选择...'}}</text>

<view class='panel' style="display:{{item.s?'block':'none'}}; background:#ccc; opacity:1;" >

<radio-group data-who='group' data-index='{{index}}' bindchange="sc">

<radio wx:for="{{item.i}}" wx:for-item='it' wx:for-index='in' value="{{it}}" checked='{{item.v===it?true:false}}' >{{it}}</radio>

</radio-group>

<button class='h' data-who='hide