图像之间的交叉渐变作为语义UI中的背景图像

Question

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

正如你在小提琴中看到的那样，行为很奇怪 - 在所有div回到之前的css属性之后。

我使用semantic-ui。

http://jsfiddle.net/ksf0jdmy/

jQuery代码：

from Tkinter import * root = Tk() #Center widget: Half screen dimension - half window dimension root.geometry("350x150+%d+%d" %( ( (root.winfo_screenwidth() / 2.) - (350 / 2.) ), ( (root.winfo_screenheight() / 2.) - (150 / 2.) ) ) ) l = Label(root, font = ('consolas', '20', 'italic'), text = "This is a label", justify = CENTER).pack(pady = (50, 0)) root.mainloop()

Answer 1

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

您可以使用CSS转换来执行您尝试执行的操作（只需了解CSS转换的浏览器支持。如果您需要更多浏览器支持，jQuery animate()可能对您更有用）

小提琴：http://jsfiddle.net/7vm6rhs3/