Я решал это где то так, хотя уверен это не лучший вариант.
<html>
<head>
<title>yd</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<style>
div {
color: #FFF;
position: absolute;
top: 100;
left: 100;}
#X {
background:#000;
width: 200px;
height: 200px;
}
#Y {
background: #CCC;
width:30px;
height: 30px;
top: 270;
left: 270;
}
</style>
<script type="text/javascript" >
function s(){document.all("X").innerHTML="пиши всё что хочеш и пока не надоест";
document.all("Y").style.zIndex=2;}
function yd(){
idElem = document.all("X");
idElem.parentNode.removeChild(idElem);
idElem = document.all("Y");
idElem.parentNode.removeChild(idElem);
}
</script>
</head>
<body>
<a onClick="s()">
<div id="X" style=" z-index:1"> </div> </a>
<a onClick="yd()">
<div id="Y" style=" z-index:0"> </div> </a>
</body>
</html>
