uni-app 3.2.9版本在安卓10的App端使用table标签的css opacity属性时，标签无法显示

操作步骤：

给table设置上opacity。

预期结果：

实际结果：

bug描述：

云端和离线打包一个样。



| 开发环境       | 版本号   | 项目创建方式 |
|----------------|----------|--------------|
| Windows        | win10    | HBuilderX    |
| uniapp/App     |          |              |
| Vue            |          |              |
| Android        | Android 10 |           |
| 华为           | Matepad10.4 |         |
| HBuilderX      | 3.2.9    |              |

更多关于uni-app 3.2.9版本在安卓10的App端使用table标签的css opacity属性时，标签无法显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html

eggper 1楼

更多关于uni-app 3.2.9版本在安卓10的App端使用table标签的css opacity属性时，标签无法显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html

在uni-app 3.2.9版本中，在Android 10的App端对<table>标签使用CSS的opacity属性时，标签无法正常显示，这是一个已知的兼容性问题。这通常是由于WebView渲染引擎在处理某些CSS属性与表格布局时的特定行为导致的。

原因分析： 在App端，uni-app的渲染基于各平台WebView。不同Android版本和厂商的WebView内核（如Chromium版本）对CSS属性的支持可能存在差异。opacity属性在某些情况下与表格的display: table布局可能产生冲突，导致渲染层级或计算错误，从而使整个表格不可见。

临时解决方案：

避免直接对<table>使用opacity：可以改为在表格外部包裹一个容器（如<view>），并对该容器设置opacity。例如：
```
<view style="opacity: 0.5;">
  <table>...</table>
</view>
```
这样能间接实现透明效果，同时避免直接作用于表格标签。
使用rgba颜色值替代：如果目的是为了调整表格内容的透明度，可以考虑直接为表格内的元素（如<td>、文字）设置rgba颜色。例如：
```
td { color: rgba(0, 0, 0, 0.5); }
```