Hey there! I'm trying to make just the background image transparent, while leaving everything else non-transparent. Is this possible with Bootstrap? Here's a snippet of my HTML:
HTML Section:
<!-- Homepage Section -->
<section id="homepage" class="home-section">
<div class="container">
<h1><span style="opacity: 1.0;">Internal Links</span></h1>
<div class="row">
<div class="col-lg-12">
<section id="Homepage" class="pfblock">
<div class="row">
....//Here are Elements consisting of text and divs
</div>
</section>
</div>
</div>
</div>
</section>
CSS Section:
.home-section {
height: 100%;
padding-top: 150px;
text-align: center;
/*background: #fff;*/
background-image:url('../img/bg.jpg');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
opacity: 0.7;
}
Just to note: The opacity of 0.7 works, but then everything becomes transparent instead of just the background image. Any suggestions?