javascript - 悬停时背景图像过渡

Question

我有 html 页面，我在 css 规则中设置了背景图片:

body{ background-image:url("/someurl");}

我有一个按钮，当我悬停它时，我会更改背景图像。但我是这样用 JQuery 做的

body.css('background-image', 'url(' + initialimageSrc + ')');

我想在背景图像更改时进行过渡，但是当我使用

transition:background-image 2s linear;

看起来很糟糕。谁能帮忙？

Answer 1

嗯，实际上，这种转换背景图像的方式只支持淡入淡出，并没有真正提供任何可定制性。我的建议是创建第二个对象，它将交替淡入淡出。

尝试遵循 http://css3.bradshawenterprises.com/cfimg/ 中的约定- 它对我的主题帮助很大。