Boostrap 3

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div class="jumbotron">
    <p><a class="btn btn-lg btn-success" href="http://github.com" target="blank">GitHub</a>
    </p>
</div>

CSS

.jumbotron {
     position: relative;
    background: none;
     padding: 5px;
     margin-bottom: 5px;
     font-size: 10px;
     font-weight: 200;
     line-height: 2.1428571435;
     
 }
 .jumbotron:after {
     content:"";
     background: url("http://lorempixel.com/1000/200");
     opacity: 0.2;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     position: absolute;
     z-index: -1;
 }