Почему jQuery .animate ({opacity: 0}) тоже меняет z-index

В основном заголовок говорит обо всем - почему jQuery .animate ({opacity: 0}) также меняет z-index?

Вы знаете, как это решить?

РЕДАКТИРОВАТЬ:
ссылка на пример: http://jsfiddle.net/4vUc7/

Спасибо.


jquery opacity z-index
person Ron    schedule 19.07.2011    source источник
comment
Не могли бы вы дать скрипку на jsfiddle.net?   -  person pimvdb    schedule 19.07.2011
comment
Отредактировал свой пост со ссылкой на скрипку.   -  person Ron    schedule 19.07.2011
comment
Спасибо. Похоже, что это не jQuery, потому что используется фиксированная непрозрачность, например. 0.7 также заставляет его просвечивать.   -  person pimvdb    schedule 19.07.2011
comment
Я не знаю, почему это происходит, я реорганизовал ваш jsfiddle, но не все в поле HTML jsfiddle.net/mazlix/4vUc7/1   -  person mazlix    schedule 19.07.2011
comment
Возможное объяснение: stackoverflow.com/questions/2837057/   -  person jk.    schedule 19.07.2011

Ответы (2)


arrow_upward
6
arrow_downward

В вашем z-index

Вот обновленная скрипка.

person vinceh    schedule 19.07.2011
comment
Это решило мою проблему, но реальный вопрос в том, почему я должен был использовать z-index в первую очередь? jquery .animate ({opacity: 0}) изменяет z-индекс элемента. Между прочим, отсутствие точки с запятой - глупая ошибка: | - person Ron; 19.07.2011

arrow_upward
1
arrow_downward

Как упоминалось в вопросе, связанном с jen , это не ошибка jQuery, а проблема браузера. Если вы отслеживаете свойства элемента, непрозрачность которого переключается в консоли отладки, вы заметите, что затрагивается только непрозрачность. jQuery не касается z-index, но браузер по-разному отображает элементы с непрозрачностью, отличной от 1.

Я внес несколько дополнительных изменений в ваш код: http://jsfiddle.net/radu/4vUc7/6/.

person Radu    schedule 19.07.2011