Efekt przejścia CSS sprawia, że ​​obraz jest rozmazany / przesuwa obraz 1px, w Chrome?

Gdy div jest uniesiony, efekt przejścia CSS przesuwa div.

Problem, jak widać na przykładzie, polega na tym, że przejście „translate” ma okropny efekt uboczny polegający na tym, że obraz w div przesuwa się o 1 piksel w dół / w prawo (i ewentualnie zmienia rozmiar tak nieznacznie?), Aby się pojawił miejsca i nieostry ...

Usterka zdaje się obowiązywać przez cały czas stosowania efektu zawisu, a z procesu prób i błędów mogę śmiało powiedzieć, że wydaje się, że występuje tylko wtedy, gdy przejście translacji przesuwa div (stosowane są także cień pola i krycie, ale nie mają znaczenia, błąd po usunięciu).

2. EDYCJA: Właściwie problem NIE rozwiązany!

Tworząc JSFiddle, aby zilustrować problem, natknąłem się na ciekawą obserwację. Problem występuje tylko wtedy, gdy strona ma paski przewijania. Tak więc przykład z tylko jedną instancją div jest w porządku, ale po dodaniu większej liczby identycznych div i dlatego strona wymaga paska przewijania, problem pojawia się ponownie ...

Jakieś pomysły?!

questionAnswers(12)

yourAnswerToTheQuestion