PDA

Показать полную графическую версию : [решено] jquery и IE8, проблема анимации


Strange_V
29-09-2010, 13:54
Есть блок div, в который по мере загрузки ($(image).load) додаются (append) превюшки изображений. Плавное появление сделано через fadeIn. После каждых 5 изображений высота блока div увеличивается.

Все это отлично работает во всех браузерах, кроме IE. В нем картинки додаются по 5, а 5 последних не отображаются вообще (пока не подвигаешь курсор).

Но это только визуально, на самом деле, если после div.append(image) добавить alert(1) - увидим, что все отрабатывает правильно (но без анимации fadeIn).
Еще, внизу есть список страниц, обыкновенные линки, со сменой стиля по :hover. Если в процессе анимации активно водить по ним мышей - все идет плавно и как в остальных браузерах!

Что за беда? Ощущение, что блокируется перерисовка интерфейса.

Strange_V
29-09-2010, 17:50
Сам спросил, сам ответил :)

При инициализации скрипта было прописано примерно так:
$(div).css({
'width': someWidth,
'height': someHeight,
'left': someLeft,
'bottom': someBottom,
'opacity': 1
});
Последний параметр ('opacity': 1) и приводит к такому результату!

Fixed Position and Opacity Filter Bug in Internet Explorer (http://snook.ca/archives/html_and_css/ie-position-fixed-opacity-filter)




© OSzone.net 2001-2012