Автомальная маржа Safari + Translate3d 1PX -кровотечение. ⇐ Html

[Anonymous]

Я работаю со слайд -шоу, которое работает аналогично этим: https://jsfiddle.net/trbwxyso/





* { margin: 0; padding: 0; }
body { background: #000; }
#wrapper { margin: 0 auto; width: 500px; }
#project_ctr { position: relative; width: 1500px; height: 576px; display: block; background: #000; overflow: hidden; }
.project { position: absolute; width: 500px; height: 576px; display: block; }
.ease { transition: 750ms ease all; }











$(document).ready(function() {
setTimeout(function() {
$('.project').addClass('ease').css({
'transform': 'translate3d(-500px, 0, 0)'
});
setTimeout(function() {
$('.project').addClass('ease').css({
'transform': 'translate3d(-1000px, 0, 0)'
});
}, 2000);
}, 2000);
});



< /code>
В Safari (на OS X) Если вы измените размер своего браузера, вы увидите сдвиг 1 пикселя и кровотечение предыдущего фона. Я пробовал каждый трюк CSS, но безрезультатно. Похоже, это ошибка только для сафари, которая воспроизводится, и я могу подтвердить, что она происходит не менее двух лет.
Есть ли обходные пути?

Подробнее здесь: https://stackoverflow.com/questions/368 ... leed-issue