1

各tdに背景色の大きなテーブルがあります。私も次のコードを持っています：

    $('.table-cell').live('mouseover', function () {
        $(this).stop().fadeTo('slow', 0.7);
    });


    $('.table-cell').live('mouseout', function () {
        $(this).stop().fadeTo('fast', 1.0);
    });

マウスオーバーは正常に機能しています。色は不透明度が低くなりますが、マウスがセルを離れると、セルは白になります（背景が色付きのままのテキストを除く）。フェードが完了すると、色は適切に戻りますが、変更中は非常に見栄えが悪くなります。

この問題はFireFox11とIE8で発生します（7と9は正常に機能します）。

4

1 に答える 1

2

問題はborder-collapse: collapse;これが問題を解決することです

table
{
    border-collapse:separate;
}

例

コメントで、がチェックされたため、このフィドルがのように機能していないことに気付きました。このフィドルは、の両方で正常に機能します。を使用していることを理解するには、この回答を確認してください。ChromeFFNormalized CSSChromeFFNormalized CSSNormalized CSSborder-collapse: collapse;

Nnormalize.cssリンク

于 2012-04-19T23:50:19.793 に答える