2011-07-19 6 views
8

Básicamente, el título lo dice todo: ¿por qué jQuery .animate ({opacity: 0}) también cambia el índice z?Por qué jQuery .animate ({opacity: 0}) también cambia el índice z

¿Sabes cómo solucionarlo?

EDIT:
enlace al ejemplo: http://jsfiddle.net/4vUc7/

Gracias.

+0

¿Podría quizás proporcionar un violín en http://jsfiddle.net/? – pimvdb

+0

Edité mi publicación con un enlace al violín. – Ron

+0

Gracias. Parece que no es jQuery porque usa una opacidad fija de p. Ej. '0.7' también hace que brille. – pimvdb

Respuesta

6

Usted fue echa en falta un punto y coma en su z-index

Aquí está la actualización fiddle

+0

Resolvió mi problema, pero la verdadera pregunta es ¿por qué tuve que usar z-index en primer lugar? jquery .animate ({opacity: 0}) cambia el índice z del elemento. Por cierto, el punto y coma que falta es un error estúpido: | – Ron

1

Como se mencionó en el question linked by jen, esto no es un error jQuery sino un problema del navegador. Si supervisa las propiedades del elemento cuya opacidad se está alternando en una consola de depuración, notará que solo se está tocando la opacidad. jQuery no está tocando el z-index, pero el navegador representa los elementos con opacidad que no es igual a 1 diferente.

He realizado algunos cambios adicionales a tu código: http://jsfiddle.net/radu/4vUc7/6/.