Background Overlay not working :(

HTML & CSS
1 
.background_image_section {
	position:relative;
	overflow:hidden;
	display:block;	
	background-repeat:no-repeat;
   	background-attachment:fixed;
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-image:url(../images/computer_typing.jpg);
	text-align:center;
	padding-top:130px;
	padding-bottom:130px;
}

.background_image_section:before {
	content:" ";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0,0,0, 0.9);
}

HTML:

<div class="row background_image_section">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Professional Restoration Services</h2>
<h3>Professional Restoration Services</h3>
<p>
 
</p>
</div>
</div>
</div>
</div>

Can anybody tell why its not working?

2

It should work, so long as your image url is correct.
Though you are covering it with the only slightly transparent ::before pseudo element.

3

its not working. I dont know why… The opacity effect is not taking any effect at all.

4

solved for now…fixed height was mixing

5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.