CSS：W3：透明度

Question

我正在使用一些 W3 CSS 来完成在图像上放置文本区域。它工作正常。但是当我进入透明度时，它也会使文本和按钮透明。是否有一个简单的修复方法，只让背景透明而不是 text/button.

我尝试了一些东西 - 所有 W3（第一个代码），然后 CSS 内联样式（第二个代码）。还是变透明button/text.

W3CSS

<div class="w3-display-middle w3-large w3-container w3-padding w3-sand w3-opacity" align=center>

Text Here And There
<br> 
<a href="sign_up.cfm" class="w3-button w3-round w3-green">Trial</a>
<br>More Text Here

</div>

然后内联

<div class="w3-display-middle w3-large w3-container w3-padding" align=center>

 <div style="padding:4px;opacity:0.4;background:white">
 Text Here And There
 <br> 
 <a href="sign_up.cfm" class="w3-button w3-round w3-green">Trial</a>
 <br>More Text Here
 </div> 

</div>

Cris W 的回答

 <div class="w3-display-middle w3-large w3-container" align=center>

<div style="padding:4px;background-color: rgba(255,255,255,.6);border:1px solid black">
Text Here And There
<br> 
<a href="sign_up.cfm" class="w3-button w3-round w3-green">Trial</a>
<br>More Text Here
</div>  

</div>

Answer 1

Cris W 的回答

  <div class="w3-display-middle w3-large w3-container" align=center>

  <div style="padding:4px;background-color: rgba(255,255,255,.6);border:1px solid black">

 Text Here And There
 <br> 
 <a href="sign_up.cfm" class="w3-button w3-round w3-green">Trial</a>
 <br>More Text Here
 </div>  

 </div>

CSS：W3：透明度

CSS : W3 : Transparancy

css

w3.css