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

Прочетох доста публикации за уебкит браузъри, които имат проблеми с изображенията. Не можах да намеря публикация и следователно отговор за тази, която се каня да обясня.

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

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

Опитах се да играя със свойствата на css изображенията след ефекта на плъзгане, за да принудя контейнера да обнови съдържанието си, но отново нямах късмет.

Някой има ли идея как да го оправя?

Благодаря ти


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


Отговори (1)


Намерих поправката...

Както казах, опитът да се принуди контейнерът да обнови съдържанието си с помощта на някои различни css свойства не проработи. Това, което проработи обаче, беше добавянето на обхват към контейнера, това е... По време на проблема моят контейнер имаше само изображения в него и карта. Добавих span (без късмет) и веднага проработи!

Мога само да предполагам защо добавянето на span кара целия контейнер да се държи добре. Предполагам, че е нещо като същото от свойството "hasLayout", което IE6 използва, за да хвърли на маниаци. Не можеше да изобрази елемента правилно, докато не имаше елемент, който имаше консистенция (височина, ширина ... зададена със стойност).

Както и да е, надявам се това да помогне и да, осмелих се да сравня Chrome с IE6... ;-)

Добър ден

person Zaziffic    schedule 08.09.2012