uniapp 实现半透明背景，文字颜色不变

<p>可以通过设置 CSS 样式来实现背景为半透明字符颜色不改的效果。具体步骤如下：</p>
<ol>
<li>在需要设置背景的组件或页面中，添加一个 div 元素。</li>
<li>给这个 div 元素设置 CSS 样式，包括背景颜色、透明度等属性。例如：</li>
</ol>
<pre><code>
<style>
  .semi-transparent-bg {
    background-color: rgba(255, 255, 255, 0.5); /* 白色半透明背景 */
    position: absolute; /* 绝对定位 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* 将背景 div 放到最底层 */
  }
</style>
<div class='semi-transparent-bg'></div>
</code></pre>
<ol start="3">
<li>将设置好的 CSS 样式应用到 div 元素上即可。</li>
</ol>
<p>这样就可以实现背景为半透明字符颜色不改的效果了。注意，如果需要在组件中设置半透明背景，需要将组件的 position 属性设置为 relative 或 absolute。</p>