

la situacion es esta;
tengo un array con varias fotos que hacen de cabecera(pasafoto) que van a ir cambiando cada vez que se actualice la pagina php, lo que quiero es que las fotos de cabecera se queden estaticas a la pantalla mientras que fondosup se desliza por ariba de pasafoto; algo parecido a www.eliax.com/
Código :
<html> <head> <link rel="stylesheet" type="text/css" href="css/estilos.css" media="screen" /> </head> <body> <div> <? //Muestra sufle en fotos de cabecera pagina cabecera(); ?> </div> <div class="fondosup"> </div> </body> </html> <? function cabecera() { $imagenes= array("1.jpg","2.jpg","3.","4.jpg","5.jpg","6.jpg"); shuffle($imagenes); for($i=0;$i<2;$i++) { echo"<img id=\"pasafoto\" src=\"css/imagenes/"; echo $imagenes[$i]; echo "\" widht=\"40%\" height=\"40%\" />"; } } ?>
este es el CSS
Código :
body { background-image: url(css/imagenes/fondo2.jpg); background-position: 50% 50%; background-repeat:no-repeat ; background-attachment: fixed; } img { border: none; } div.fondosup { background-color: #E0E0E0; background-position: 50% 50%; background-repeat: repeat-y; position: absolute; width: 91%; height:100%; top: 18em; left: 4em; z-index:0; } div #pasafoto { position: relative; background-attachment: fixed; }
espero haberme hecho entender

Saludos