jQuery动画不透明度错误(移动图像)

jQuery动画不透明度错误(移动图像),jquery,google-chrome,animation,Jquery,Google Chrome,Animation,我有个问题。在我的网站中,我添加了一个效果:当有人将缩略图悬停时,其他缩略图的不透明度会随着jQuery动画而降低。 它在FF和IE中非常有效,但在Chrome中存在一个问题:在动画中,一些缩略图向左或向右移动了1px 两个示例链接:和 这是jQuery函数: var GALLERIE = { thumbHover : function(contenitore){ var $immagini = $(contenitore).find('img'); $immagini.pare

我有个问题。在我的网站中,我添加了一个效果:当有人将缩略图悬停时,其他缩略图的不透明度会随着jQuery动画而降低。 它在FF和IE中非常有效,但在Chrome中存在一个问题:在动画中,一些缩略图向左或向右移动了1px

两个示例链接:和

这是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)}
    )
}

})

我只看了第一个例子

我注意到,即使简单地将任何不透明度从1设置为img、父级a、parend td或事件父级tbody,图像也会发生偏移。我还注意到移位只发生在第一列上。关于第一列有一些奇怪的事情:左上方的图像是146px 216px,但它的父a是147px宽。第一列中的其他元素也存在相同的差异。 当我将左上角的样式更改为

position: relative;

左顶部元件的所有故障都消失了。可以说这个bug与33%的表单元格宽度和块的中心对齐有关。

我只看了第一个示例

我注意到,即使简单地将任何不透明度从1设置为img、父级a、parend td或事件父级tbody,图像也会发生偏移。我还注意到移位只发生在第一列上。关于第一列有一些奇怪的事情:左上方的图像是146px 216px,但它的父a是147px宽。第一列中的其他元素也存在相同的差异。 当我将左上角的样式更改为

position: relative;

左顶部元件的所有故障都消失了。可以说,这个错误与33%的表格单元格宽度和块的中心对齐有关。

为图像添加背景色似乎神奇地解决了这个问题。真奇怪。请注意,不仅仅是使用jQuery,当我在firebug中将不透明度从1更改为0.99时,图像移动了(缩小了1px)。

为图像添加背景色似乎神奇地解决了这一问题。真奇怪。注意,不仅仅是jQuery,当我在firebug中将不透明度从1更改为0.99时,图像移动了(缩小了1px)