Help
HTML:
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="../styless.css" />
<meta charset="utf-8" />
<style>
body { font-family: Helvetica, Arial, sans-serif; }
.container {
width: 30%; left: 0; right: 0; top:0; bottom: 0; position: fixed; overflow: auto;
background-color: #101010;
opacity:.9;
}
</style>
</head>
<body>
<div class="container">
<div class="textBox">
<font size="10" face="abeatbyKai" color="white">
About Us<br>Gallery<br>Affiliates<br>Biography<br>Contact
</font>
</div>
</div>
<script src="../lib/jquery-1.6.4.min.js"></script>
<script src="../jquery.backstretch.min.js"></script>
<script>
$.backstretch("photo1.jpg", {speed: 500});
</script>
<div id="mesh"></div>
</body>
</html>
CSS:
#mesh {
background:url("examples/screen.png");
left: 0;
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 100%;
z-index: -5;
}
.textBox {
width:225px;
height:250px;
background-color:#101010;
margin-top:125px;
margin-left:100px;
}
