CSS: W3: прозрачность - PullRequest
Новая
       15

CSS: W3: прозрачность

0 голосов
/ 27 февраля 2019

Я использую немного W3 CSS, чтобы выполнить удаление текстовой области на изображении.Работает нормально.Но когда я перехожу к прозрачности, это делает текст и кнопку прозрачными.Есть ли простое исправление, чтобы фон был прозрачным, а не текст / кнопка.

Я попробовал несколько вещей - все W3 (первый код), а затем встроенный стиль CSS (2-й код).Тем не менее получить прозрачную кнопку / текст.

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>

1 Ответ

0 голосов
/ 28 февраля 2019

Ответ от 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>
...