WinJS背景图像之间的交叉淡入淡出

Question

我有一个WinJS Windows 8商店应用程序。我的应用程序的背景显示图像：

body {    
   background-image: url('/images/myimage.jpg');
   background-size: cover;
}

我想要发生的是在点击按钮时交叉淡化此图像。我尝试将上面的内容解压缩到一个单独的css类中，然后在JS中引用它：

function myButtonClick() {
    WinJS.UI.Animation.crossFade(background-image-1, background-image-2);
}

显然，这不起作用。我能找到的唯一文档或示例是非常模糊的MSDN文档，它只是说提供传出和传入元素（我假设它是指HTML元素，而不是CSS类）。

有人能指出我正确的方向吗？