悬停时的背景图像转换

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/中的惯例 - 这对我的主题帮助很大。