jquery - 在语义 UI 中作为背景图像在图像之间淡入淡出

Question

我想要的是在两个图像之间交叉淡入淡出(在 jsfiddle 中为了简化示例我使用了颜色)。图像必须是 div 的背景。

正如您在 fiddle 中看到的那样，行为很奇怪 - 毕竟 div 返回到其之前的 css 属性。

我使用 semantic-ui。

http://jsfiddle.net/ksf0jdmy/

jQuery 代码:

$('#button').click(函数 () {
$('#maindiv').transition('fade').css('background-color','red').transition('fade');
});

Answer 1

这看起来更多是 fade() 函数的问题。它似乎没有保留在第一次调用 fade() 之后对 #maindiv 元素所做的任何更改。

您可以使用 CSS 转换来完成您想要做的事情(请注意浏览器对 CSS 转换的支持。如果您需要更多浏览器支持，jQuery animate() 可能对您更有用)。

fiddle :http://jsfiddle.net/7vm6rhs3/