Tema: Doble fondo
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 21/07/2004, 03:42
Avatar de caricatos
caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola sktrpunk:

Puedes crear dinámicamente una capa que se ponga delante del resto y que tenga ese estilo:

Código:
<html>
<head>
<script>
function crearCapa(id_contenedor, tipo_tag, atributos, estilos, contenido) {
	var los_estilos = estilos.split(",");
	var los_atributos = atributos.split(",");
	var yo = document.createElement(tipo_tag);
	yo.id = "ID_" + Date();
	for (var i = 0; i < los_atributos.length; i ++)
		yo.setAttribute(los_atributos[i].split("=")[0], los_atributos[i].split("=")[1]);
	for (var i = 0; i < los_estilos.length; i ++)
		yo.style[los_estilos[i].split("=")[0]] = los_estilos[i].split("=")[1];
	yo.innerHTML = contenido; 
	document.getElementById(id_contenedor).insertBefore(yo);
	return yo.id;
}

function ini() {
	var capa1 = crearCapa("cuerpo", "div", "align=center,name=pepe", "color=blue", "");
with(document.getElementById(capa1).style) {
position = "absolute";
top = 0;
left = 0;
width = document.body.clientWidth;
height = document.body.clientHeight;
backgroundImage = "url(../miemoticon.gif)";
backgroundRepeat = "repeat-y"
}
}

</script>
</head>
<body id="cuerpo" onload="ini()" style="background-image: url(../miemoticon.gif); background-repeat: repeat-x">
<div id="interior" >
<br />
<br />
<br />
<br />
</div>
</body>
</html>
Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo