<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<style type="text/css">
#firstLayer
{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:1;
background-color: #333333;
}
#secondLayer
{
position:absolute;
left:373px;
top:118px;
width:411px;
height:126px;
z-index:100;
}
</style>
</head>
<body>
<div id="container">
SİTE İÇERİĞİ
</div>
<div id="firstLayer" style="opacity:0.8;filter:alpha(opacity=80)"></div>
<div id="secondLayer">
<!--
Örnek olması açısından koyuyorum.
Buraya önde gösterilecek olan içerik gelecek.
-->
<img src="http://www.ciceklive.com/intro.PNG" />
</div>
</body>
</html>