Untitled

<div class="intro">
    ... Intro text ...
</div>

html,body{
    height:100%;
    margin:0;
}

.intro {
    width: 100%;
    height: 100%;
    text-align: center;
    box-sizing:border-box;
     -moz-box-sizing:border-box;
    padding-top:20%;
    color: #fff;
    background: url(http://lorempixel.com/output/nature-q-g-1280-720-10.jpg) no-repeat bottom center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

<html>
<head>
<style type="text/css">
div {
    background: url(http://www.thewebbery.co.uk/Web04/SKP/Files/PITP1.jpg);
    color:#FFFFFF;
    width:900;
    height:600;
 }
</style>

</head>
<body>
<div>
Here's some text over an image
Some more over an image Here's some text over an image
Some more over an image Here's some text over an image
Some more over an image Here's some text over an image
Some more over an image Here's some text over an image
Some more over an image Here's some text over an image
Some more over an image

</div>
</body>
</head>