Вот то что ты и хотел сделать.

Привет! Вот как-то так выглядит именно этот документ.

Я решил не заморачиваться и вставить всё.

Начну с html документа.

и так, понеслась...

Структура конкретно этого документа html=
< html >
< head > < /head >
< body >
< div class="container" >
< h1 > < /h1 >
и последующий текст
< /div >
</ body >
</ html >


Это уже файл css.

@import "http://webfonts.ru/import/jura.css";

*{margin:0; padding:0;}

body, html{
background:url(../image/Backgrounds_Bright_background_035602_.jpg) center center fixed;
moz-background-image:url(../image/Backgrounds_Bright_background_035602_.jpg) center center fixed;
o-background-image:url(../image/Backgrounds_Bright_background_035602_.jpg) center center fixed;
width:100%;
height:100%;
}

.container{
width: 960px;
margin: 0 auto;
background: rgba(0,0,0,0.6);
}

Меняя это значение от 0.0 до 1.0, ты меняешь прозрачность фона, текст при этом остается всегда видимым.



.container h1, .container h2{
color:rgba(255,255,255,1.00);
font-family: Jura;
font-size: 250%;
text-align: center;
padding: 15px 0;
}

.container p{
font-family: jura;
font-size: 150%;
color: rgba(255,255,255,1.00);
padding: 0 30px;
}

На этом всё.