Jeg kan ikke lige give dig et helt fuldstændigt eksempel, men se hvordan man laver en fadet sort boks oven på sidens indhold udelukkende vha. HTML og CSS:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd"><html>
<head></head>
<body>
<div style="position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background-color:#000;-moz-opacity:.5;opacity:.5;filter:alpha(opacity=50);"></div>
</body>
</html>
Det virker dog ikke i IE før version 7.
Og her hvordan man kan vise/skjule med java script:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd"><html>
<head>
<script type="text/javascript">
function toggleDisplay(sID){
var o = document.getElementById(sID);
o.style.display = o.style.display != "block" ? "block" : "none";
}
function showSurvey(){
toggleDisplay("blacklayer");
toggleDisplay("survey");
}
</script>
</head>
<body>
sd
<a href="java script:showSurvey();void(0)">Vis/skjul</a>
<div id="blacklayer" style="display:none;position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background-color:#000;-moz-opacity:.5;opacity:.5;filter:alpha(opacity=50);cursor:pointer" onclick="showSurvey()"></div>
<div id="survey" style="display:none;position:fixed;z-index:100;top:15%;left:35%;width:400px;height:500px;margin:auto;background-color:#fff">Tekst her</div>
</body>
</html>