css - 在 CSS 属性中访问 GWT ImageResource？

Question

创建 ImageResource 的 Google/GWT 示例已理解:

interface MyResources extends ClientBundle {
  @Source("image.png")
  ImageResource image();

  @Source("my.css");
  CssResource css();
}

@sprite .myImage {
  gwt-image: 'image';
}

我了解如何使用 ImageResources 和应用样式名称，但是...

在我的应用程序中，我有多个主题，这些主题使用 CSS 和延迟绑定(bind)应用于各种小部件。所以我定义了一个 CSS 规则(“背景”)，我想使用 .myImage 类，但它没有做任何事情:

background {
    background-attachment: fixed;
    background-image: .myImage;  //??  This is the question!
    background-size: contain
}

在“背景”CSS 属性中使用 .myImage 类的语法是什么？看来我应该能够将 .myImage 类指定为背景图像的参数。

编辑:进行了更多研究并找到了使用 DataResource 执行此操作的正确语法。

MyClientBundle extends ClientBundle {

    //Background Image
    @Source("resources/background.png")
    DataResource backgroundImage();

}

(我的面板.css)

@url background backgroundImage;

.myPanel {
    border-radius: 0px;
    background-color:#ffffff;
    opacity:0.6;
    background-image: background;
}

Answer 1

如果您将“myImage”作为样式名称添加到任何小部件，它将设置这些小部件的背景...