不透明度采用子元素

我有以下覆盖，需要有背景淡入淡出，但文本和按钮是完全不透明的1.我试图移动样式周围看看是否会解决它。我看过其他问题，给出了没有给出预期效果的答案。有什么建议么？不透明度采用子元素

<div id="myNav" class="overlay" style="z-index:0.1; background: rgb(26, 35, 126) ; opacity: 0.6;"> 
<div class="w3-container w3-padding-32" style="width:100%;height:100%;margin-top: 0px;margin-bottom: 0px; 
text-align: center;"> 
<h1 style="color: black;">Thank you for visiting our website!</h1> 
<button>Continue to our website</button> 
</div> 
</div>

在此先感谢！

来源

2017-08-29 cowlthor

我已删除父DIV overlay的opacity并增加透明度刚刚在后台风格，你可以使用rgba这样你就可以在第四位值增加透明度，格式是这样background: rgba(26, 35, 126, 0.6)，请参见下面的HTML

HTML

<div id="myNav" class="overlay" style="z-index:0.1;background: rgba(26, 35, 126, 0.6);"> 
<div class="w3-container w3-padding-32" style="width:100%;height:100%;margin-top: 0px;margin-bottom: 0px; 
text-align: center;"> 
<h1 style="color: black;">Thank you for visiting our website!</h1> 
<button>Continue to our website</button> 
</div> 
</div>

来源

2017-08-29 03:49:52 bellabelle

不透明度采用子元素

回答

相关问题