Saludos !
Tengo la siguiente hoja de estilos.
El efecto que deseo es que tanto
parabolica.jpg como
mexico_background.jpg estén como imagen de fondo y aunque el usuario haga scroll en el texto, esas dos imágenes de fondo se queden así.
Código:
html {
background-image: url(img_css/parabolica.jpg);
background-repeat: no-repeat;
background-position: bottom right;
background-attachment: fixed;
}
body {
background-image: url(img_css/mexico_background.jpg);
background-repeat: no-repeat;
background-position: top left;
background-attachment: fixed;
}
¿Qué es lo que pasa ahorita?
Que la única que está inmovil (fixed) es
parabolica.jpg, pero si yo quitara
a
html de la hoja de estilos, entonces sí funciona que la otra imagen,
mexico_background.jpg se quede inmóvil.
¿Será que no puede haber dos imágenes fixed en el mismo documento, aunque sean dos elementos diferentes? He pensado que si no funciona, podría resolverlo haciendo una imagen enoooooorme en donde se encuentren ambas imágenes, pero esa solución no es óptima.
¿Alguien tendrá una idea de por qué no funciona? Thanks !