Muy interesante furoya, gracias por aportar
Lo de que PNG no esta soportado hasta IE7 ya lo conocia. Tambien conozco el famoso hack, pero para imagenes de fondo no he investigado a aplicarlo.
No conocia ese DX, pero me gusta. Aqui tenemos un ejemplo de como lo podriamos implementar:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
body {
height:100%;
background-image:url("http://img40.imageshack.us/img40/6968/fondodegradado9hf.png");
background-attachment:fixed;
}
#abs {
position:absolute;
z-index:-10;
height:100%; width:100%;
/*LOS DOS PRIMEROS VALORES DE COLOR SON ALPHA*/
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#0000FF00, endColorstr=#99000055);
}
#contenido {
width:30%;
height:50%;
background-color:white;
padding:20px;
position:relative;
left: 35%; top: 50px;
}
</style>
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<script>
window.onscroll=function(){
document.getElementById("abs").style.top = document.body.scrollTop+"px";
}
</script>
<div id="abs"> </div>
<div id="contenido">
Este sería el contenido del documento!
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
</div>
</body>
</html>
Hasta igual podemos hacer mas tonterias... estoy leyendo de paginas de referencia de microsoft los filtros...
http://msdn.microsoft.com/library/de...s/gradient.asp
Tiene ejemplos para jugar con ello.
Muchas gracias por la info! Seguro que podemos hasta ahorrarnos alguna que otra imagen!
