使用 jQuery 高亮功能淡入透明

Question

This thread 似乎部分解决了我的问题，但该线程中没有答案，大多数 cmets 更多的是讨论和问题，而不是试图解决 OP 的问题......

我的案例与上述帖子的不同之处在于我有一个需要淡入淡出的背景图像。就像现在一样，颜色变为我设置的颜色，逐渐变为白色，然后变为背景图像。你可以在this jsFiddle看到它。

有什么方法可以从我设置的颜色过渡，然后直接过渡到透明，而不是过渡到白色然后透明？

更新：

在使用 musicinmyhead 的 cmets 之后，我使用了 UI 的 Position 效果一段时间，但仍然无法让它在 FF 中工作。我为位置效果添加了以下代码（请参阅上面链接中更新的 jsFiddle）：

$('.checkwrap').position({
    'my': 'left top',
    'at': 'left top',
    'of': $('#classesTable td:eq(0)')
});

添加没有“效果”（请原谅双关语），所以我想知道我是否只是语法错误。我还尝试弄乱 css 以查看是否会改变任何东西 - 嗯，确实如此，但我没有修复它......

Answer 1

由于“透明”不是一种颜色，您可能无法像那样转换背景颜色。您最好的选择是附加一个与包含复选框的表格单元格大小相同的元素，然后将该附加元素的动画从 100% 不透明度变为 0%（模拟从红色到背景的过渡）。然后，您可以动态删除该元素。

我有updated your jsFiddle，所以你可以看到我在说什么，添加了一个快速的 CSS 类，并确保“td”元素的样式设置为 position:relative（否则绝对定位的附加 div 只是到处都是）。

另一个快速说明：还有其他一些方法可以做到这一点，例如动态调整附加元素的大小/定位，这些可能会更优雅一些，但这应该适合您的问题现在还好。