Hola
derkenuke ,
braulito :
He leído por ahí que se puede poner dos fondos, uno para el
html y otro para el
body, aunque creo que es solamente para colores, no para imágenes. No se pierde nada con buscar. Tampoco sé en qué navegadores o con qué
doctype trabaja.
En
IE5.5+ se puede hacer un degradado sin imágenes, usando
DX o
VML. Lo que simplifica mucho las cosas. En el ejemplo hay una animación para que se vea la transparencia del
div; que se puede cambiar con los valores Alfa.
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
body {background-image:url("http://img40.imageshack.us/img40/6968/fondodegradado9hf.png") ; height:100%;}
#abs {position:absolute; z-in dex:-10; height:25%; width:50%; left:25%; padding:10px;
filter: progid:DXImageTransform.Microsoft.gradient
(gradientType=1, startColorstr=#5500FF00, endColorstr=#55FF0000) /*LOS DOS PRIMEROS VALORES DE COLOR SON ALPHA; gradientType=0*/}
</style>
<script>
var arr = 0;
function mueve(){
document.getElementById("abs").style.top = arr + "px";
if (arr > document.body.clientHeight) arr = 0;
else arr += 2 ;
setTimeout("mueve()", 100);
}
</script>
</head>
<body onload="mueve()">
<div id="abs">
QWERTYUIOP
</div>
</body>
</html>
Solamente hay que cambiar el efecto para cada navegador con un
script.
Un detalle más. El formato PNG no es soportado por
IE hasta la versión 7. Existe también un
DX para corregir ésto que anda por el foro de CSS.
saludos
furoya