.centrer {
position: relative;
width: 600px;
height: 600px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
z-index: 5;}
.indhold {
position: relative;
width: 600px;
height: 600px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
background-color: #ff0000;
z-index: 5;}
.blaa {
position: absolute;
width: 400px;
height: 400px;
top: 00px;
left: 400px;
z-index: 10;
filter: alpha(opacity=60);
-moz-opacity: 0.9;
background-color: #336699;
}
.blaabg {
position: absolute;
width: 400px;
height: 400px;
top: 0px;
left: 400px;
z-index: 0;
background-color: #336699;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Language" content="en">
<meta name="GENERATOR" content="Zend Studio">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Bilnet cms</title>
<link rel="stylesheet" href="menu/menu.css">
<link rel="stylesheet" type="text/css" href="test.css">
<script type="text/javascript" language="javascript" src="postnumre.js"></script>
<!--<script type="text/javascript" src="showHide.js"></script>-->
<body>
<div class="centrer">
<div class="blaabg">
</div>
<div class="indhold">
<div class="blaa"></div>
</div>
</div>
</body>
</html>
hvis du fjerner blaa så er der ikke den der transperante over det røde
men leg lidt med det
