Chrome (webkit?) неправильно отображает изображения в слайд-шоу

Я прочитал несколько сообщений о проблемах с изображениями в браузерах webkit. Я не смог найти сообщение и, следовательно, ответ на тот, который я собираюсь объяснить.

Я создал самодельное слайд-шоу с помощью jQuery, которое в основном размещает все изображения рядом друг с другом в строке, а затем я играю с элементом маски (переполнение: скрыто) и свойством margin-left, чтобы выбрать, какое из них будет отображаться. Я не изобретал велосипед...

В FF, Opera и даже в IE все работает просто великолепно! Но мне не повезло с Chrome (я не тестировал Safari): первое изображение отображается нормально, но когда срабатывает эффект скольжения, 20 пикселей первого слайда остаются в верхней части слайд-шоу и накладываются на второй слайд. Если я продолжаю скользить, первая часть слайда остается как наложение на следующие слайды. Изображения не обновляются нормально в Chrome, из-за чего все слайд-шоу выглядит ерундой.

Я попытался поиграть со свойствами css изображений после эффекта скольжения, чтобы заставить контейнер обновить свое содержимое, но опять же, безуспешно.

У кого-нибудь есть идея, как это решить?

Спасибо


person Zaziffic    schedule 08.09.2012    source источник


Ответы (1)


Нашел исправление...

Как я уже сказал, попытка заставить контейнер обновить содержимое с помощью некоторых других свойств css не сработала. Что сработало, так это добавить диапазон в контейнер, вот и все... На момент возникновения проблемы в моем контейнере были только изображения и карта. Я добавил диапазон (не повезло), и это сработало сразу!

Я могу только предположить, почему добавление диапазона заставляет весь контейнер вести себя нормально. Я предполагаю, что это то же самое, что свойство «hasLayout», которое IE6 использовал для гиков. Он не мог правильно отобразить элемент, пока у него не было элемента, который имел бы согласованность (высота, ширина... установленная со значением).

В любом случае, я надеюсь, что это поможет, и да, я осмелился сравнить Chrome с IE6... ;-)

Добрый день

person Zaziffic    schedule 08.09.2012