使用 jQuery 高亮功能淡入透明

Question

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

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

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

更新：

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

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

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

Answer 1

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

我已经更新了你的 jsFiddle 所以你可以看到我在说什么，一个快速的 CSS 类是添加并确保“td”元素的样式设置为“位置：相对”（否则绝对定位的附加 div 会到处都是）。

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