#bg{
background: url(../images/header-bg.jpg) no-repeat center center fixed;
@include background-size(cover);
width: 100%;
height: 100%;
display: inline-block;
vertical-align: middle;
text-align: center;
&:after{
background: url(../images/overlay.png) center repeat;
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
opacity: 0.7;
z-index: 1;
}
&:before{
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
}
}
You can see the result right here : http://codepen.io/Nkzq/pen/azagxg
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.