Foros del Web » Creando para Internet » CSS »

Añadir 2 imágenes de fondo 'fixed'

Estas en el tema de Añadir 2 imágenes de fondo 'fixed' en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 04/03/2006, 14:18
Avatar de uamistad  
Fecha de Ingreso: diciembre-2004
Ubicación: Cd. de México
Mensajes: 1.395
Antigüedad: 13 años
Puntos: 1
Añadir 2 imágenes de fondo 'fixed'

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 !
__________________
"Di no al Internet Explorer" -Proverbio Chino-
  #2 (permalink)  
Antiguo 04/03/2006, 15:03
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
a mi con el css que pusiste me funciona (quedan las dos fixed) pero igual me hace un efecto "raro" con la foto del body... para no complicarse, podrías intentar poner la 2º imagen como fondo de una capa y darle a la capa "position:fixed"... lamentablemente eso es demasiado cool para Ie... acá te dejo una forma de poder implementarlo también en el innombrable...
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #3 (permalink)  
Antiguo 05/03/2006, 00:13
Avatar de uamistad  
Fecha de Ingreso: diciembre-2004
Ubicación: Cd. de México
Mensajes: 1.395
Antigüedad: 13 años
Puntos: 1
Gracias WebOsiris por tus comentarios. Traté de meterlo, pero no salió, ya que la imagen de que busco se parece al de esa nave, pero más bien de background es como lo necesitaba.

Tengo pocas habilidades con CSS, me leí un buen documental, pero parece que tengo todavía bastante que aprender sobre estándares.

Es repugnante que aún en su versión 6.0 IE no se adapte bien a los estándares y siempre quiera hacer las cosas a su modo, por mí que pierdan la batalla de navegadores, no puede ser posible que ahora que se le está dando mucho peso al diseño basado en estándares, entre otras cosas, para evitar el tipo de sitios que se ven 'mejor' con X navegador, IE siga haciendo lo que se le da la gana.

En fin, no me queda sino agradacerte, creo que lo haré con esa gran imagen que te platicaba, no creo que supere los 100kb y me despido animando al mundo a que cambie a FireFox de una vez por todas, jeje.

Thanks.
__________________
"Di no al Internet Explorer" -Proverbio Chino-
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:40.