GWT ImageResource在CSS属性中访问?

前端之家收集整理的这篇文章主要介绍了GWT ImageResource在CSS属性中访问?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Google / GWT创建 ImageResource的示例可以理解为:
interface MyResources extends ClientBundle {
  @Source("image.png")
  ImageResource image();

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

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

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

在我的应用程序中,我有多个主题应用于各种小部件使用CSS和延迟绑定.所以我已经定义了一个css规则(‘background’),我想使用.myImage类,但它不做任何事情:

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

在“background”css属性中使用.myImage类的语法是什么?看来我应该可以指定.myImage类作为background-image的参数.

编辑:进行了一些更多的研究,并发现使用DataResource执行此操作的正确语法.

MyClientBundle extends ClientBundle {

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

}

(mypanel.css)

@url background backgroundImage;

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

解决方法

如果您将“myImage”作为样式名称添加到任何窗口小部件,那么它将设置这些窗口小部件的背景…

猜你在找的CSS相关文章