2

私は問題があります。私のウェブサイトにエフェクトを追加しました。誰かがサムネイルにカーソルを合わせると、jQueryアニメーションで他のサムネイルの不透明度が低下します。FFとIEで完全に機能しますが、Chromeでは問題があります。アニメーション中に一部のサムネイルが1px左または右に移動します。

2つのリンク例：1番目と2番目。

そしてこれは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)}
    )
}

};

4

2 に答える 2

3

私は最初の例だけを見ていました。

1とは異なる不透明度をimg、parent a、parend td、またはevent parent tbodyに設定しただけでも、画像がシフトすることに注意しました。また、シフトは最初の列でのみ発生することにも注意してください。最初の列には奇妙なことがいくつかあります。左上の画像は146pxx216pxですが、その親aの幅は147pxです。同じ違いが最初の列の他の要素にも存在します。左上のスタイルをに変更したとき

position: relative;

左上の要素のグリッチはすべてなくなりました。このバグは、テーブルセルの33％の幅とブロックのceter-alignに何らかの形で関連していると言えます。

于 2012-08-04T22:28:45.723 に答える
1

画像に背景色を追加することは、私にとってこれを魔法のように解決するように見えました。なんて変だ。jQueryだけでなく、firebugで不透明度を1から0.99に変更すると、画像が移動しました（1px縮小）。

于 2013-03-12T11:46:11.767 に答える