我正在使用一些 W3 CSS 来实现在图像上放置文本区域。它工作正常。但是当我进入透明度时,它也会使文本和按钮透明。是否有一个简单的修复方法,只使背景透明而不使文本/按钮透明。
我已经尝试了一些东西 - 所有 W3(第一个代码),然后是 CSS 内联样式(第二个代码)。仍然获得透明按钮/文本。
W3 CSS
<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>
最佳答案
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 : Transparancy,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54914284/