Hola nuevamente
Para mantener la capa debajo del texto o el texto por encima de la capa de fondo, hay varias maneras, esta es una de ellas.
Código:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<style type="text/css">
.capita {
background-image: url('flecha.gif');
background-repeat: repeat;
width: 100px;
height: 100px;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
}
.textos {
position: absolute;
top: 5px;
left: 5px;
z-index: 1;
}
</style>
<script type="text/javascript">
<!--
function cambiar_fondo(x) {
if (x == 1) {
document.getElementById('capita').style.backgroundImage = "url('cine.gif')"
} else {
document.getElementById('capita').style.backgroundImage = "url('flecha.gif')"
}
}
//-->
</script>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<p> </p>
<div class="capita" id="capita">
</div>
<div class="textos">
<p><a href="javascript:cambiar_fondo(1)">al presionar aquí, cambia el fondo de la capa</a></p>
<p><a href="javascript:cambiar_fondo(0)">al presionar aquí, vuelve a cambiar el fondo de la capa</a></p>
</div>
</body>
</html>
Felicidad