首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在CSS属性中访问GWT ImageResource?

在CSS属性中访问GWT ImageResource?
EN

Stack Overflow用户
提问于 2012-06-26 22:43:33
回答 4查看 3.8K关注 0票数 36

下面是Google/GWT创建ImageResource的例子:

代码语言:javascript
复制
interface MyResources extends ClientBundle {
  @Source("image.png")
  ImageResource image();

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

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

我知道如何使用ImageResources和应用样式名称,但是...

在我的应用程序中,我使用CSS和延迟绑定将多个主题应用于各种小部件。所以我定义了一个CSS规则('background'),我想使用.myImage类,但它什么也不做:

代码语言:javascript
复制
background {
    background-attachment: fixed;
    background-image: .myImage;  //??  This is the question!
    background-size: contain
}

在'background‘CSS属性中使用.myImage类的语法是什么?似乎我应该能够指定.myImage类作为背景图像的参数。

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

代码语言:javascript
复制
MyClientBundle extends ClientBundle {

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

}

(mypanel.css)

代码语言:javascript
复制
@url background backgroundImage;

.myPanel {
    border-radius: 0px;
    background-color:#ffffff;
    opacity:0.6;
    background-image: background;
}
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11209876

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档