我想使用不透明度的div幷包含一個按鈕。我無法弄清楚爲什麼按鈕獲得不透明以及div。但文字很好。我想按鈕,沒有透明度使用div和按鈕的不透明度在Bootstrap中遇到問題
CSS
.jumbotron {
background-image: url('../images/parkbanner.jpg');
background-size: cover;
color: #000;
padding: 150px 25px;
font-family: Montserrat, sans-serif;
}
.container-fluid {
padding: 60px 50px;
}
.phone {
margin: 5px;
margin-left: 50px;
background-color: #ffffff;
opacity: 0.8;
filter: alpha(opacity=60); /* For IE8 and earlier */
border-radius: 25px;
padding: 20px;
width: 300px;
height: 175px;
}
.phone p{
font-weight: bold;
color: black;
}
HTML
<div class="jumbotron text-center">
<div class="row">
<div class="col-md-4 text-center"></div>
<div class="col-md-4 col-center">
<div class="phone">
<p>Please Don't Wait Until<br /> It's Too Late </p>
<button type="button" class="btn btn-success btn-lg">
<span class="glyphicon glyphicon-earphone"></span> 1-888-496-8059
</button>
</div>
</div>
<div class="col-md-4 text-center">
</div>
</div>
</div>
[
謝謝。工作完美 –
@ GiBiT09很高興我能幫上忙 –