Question

This thread似乎在一定程度上解决了我的问题，但在该主题中没有答案，大多数评论都比试图解决OP的问题更多的讨论和问题......

我的情况与上述帖子的区别在于我有一张我需要淡化的背景图片。就像现在一样，颜色变为我的设定颜色，淡化为白色，然后变为背景图像。您可以在this jsFiddle中看到它。

有没有办法从我的设定颜色过渡到直线透明，而不是白色然后透明？

更新：

在使用musicinmyhead发表评论之后，我使用了UI的位置效果一段时间，我仍然无法让它在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就到处都是。）

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