1

我有一张大桌子，每个 td 都有背景颜色。我也有以下代码：

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


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

鼠标悬停工作正常。颜色会很好地更改为较低的不透明度，但是当您的鼠标离开单元格时，单元格会变为白色（除了继续具有彩色背景的文本）。褪色完成后，颜色会正常恢复，但在变化时看起来真的很糟糕。

我们在 FireFox 11 和 IE8 中遇到了这个问题（7 和 9 工作正常）。

4

1 回答 1

2

问题是border-collapse: collapse;这将解决问题

table
{
    border-collapse:separate;
}

例子

在评论中，我注意到这个小提琴不像Chromein那样工作，FF因为Normalized CSS被检查过，这个小提琴在. 检查此答案以了解使用.ChromeFFNormalized CSSNormalized CSSborder-collapse: collapse;

Nnormalize.css 链接

于 2012-04-19T23:50:19.793 回答