jQuery 애니메이션 불투명도 버그 (이미지 이동)

Question

문제가 있습니다. 내 웹 사이트에서 나는 효과를 추가했다 : 누군가가 썸네일을 가져 가면 다른 것들이 jQuery 애니메이션으로 감소된다. FF 및 IE에서 완벽하게 작동합니다. Chrome에서 문제가 있습니다. 애니메이션 중에 일부 축소판이 왼쪽 또는 오른쪽으로 1 픽셀 이동합니다.

두 개의 링크 예 : first 및 second.

그리고 이것은 JQuery와 함수이다

var GALLERIE = { 
thumbHover : function(contenitore){ 
    var $immagini = $(contenitore).find('img'); 
    $immagini.parent('a').hover(
    function(){ $immagini.not($(this).find('img')).stop(true).animate({opacity:'0.8'},400)}, 
    function(){ $immagini.not($(this).find('img')).stop(true).animate({opacity:'1'},400)} 
    ) 
} 

};

Answer 1

첫 번째 예제 만 보았습니다.

1과 다른 불투명도를 img, parent a, parend td 또는 event parent tbody로 설정하는 경우에도 이미지가 변하는 것으로 나타났습니다. 또한 이동은 첫 번째 열에서만 발생합니다. 첫 번째 열에 대해서는 이상한 점이 있습니다. 왼쪽 상단 이미지는 146px x 216px이지만 상위 이미지는 너비가 147px입니다. 첫 번째 열의 다른 요소에도 동일한 차이가 있습니다. 내가

position: relative; 

왼쪽 상단의 스타일을 변경하는 경우 왼쪽 상단 요소와 모든 결함은 떨어져 갔다. 이 버그는 테이블 셀의 33 % 너비와 블록의 ceter-align과 연결되어 있다고 말할 수 있습니다.

Answer 2

이미지에 배경색을 추가하면 나를 위해 마술처럼 해결되는 것처럼 보였습니다. 얼마나 괴상한 지. jQuery뿐만 아니라 불투명도를 1에서 0.99로 변경했을 때 이미지가 움직였습니다 (1px 축소).