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; }