GWT ClientBundle：在CssResource文件中使用DataResource

我正在尝试使用CSS中使用客户端包加载的图像，所以我使用CssResource编码如下，对我不起作用

ClientBundle接口

public interface MyResources extends ClientBundle {
      @Source("tab_off_LT.png")
      DataResource image();

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

public interface MyCssResources extends CssResource{

    String myImage();
}

RootLayoutPanel rp = RootLayoutPanel.get();
MyResources myr = (MyResources) GWT.create(MyResources.class);
myr.css().ensureInjected();
Label l = new Label("Test BackgroundImage");
l.setStyleName(myr.css().myImage());
rp.add(l);

CssResource接口

public interface MyResources extends ClientBundle {
      @Source("tab_off_LT.png")
      DataResource image();

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

public interface MyCssResources extends CssResource{

    String myImage();
}

RootLayoutPanel rp = RootLayoutPanel.get();
MyResources myr = (MyResources) GWT.create(MyResources.class);
myr.css().ensureInjected();
Label l = new Label("Test BackgroundImage");
l.setStyleName(myr.css().myImage());
rp.add(l);

CSS文件

@url test1 image;
.myImage {
  background: 'test1';
  width: 50px;
}

实施代码

public interface MyResources extends ClientBundle {
      @Source("tab_off_LT.png")
      DataResource image();

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

public interface MyCssResources extends CssResource{

    String myImage();
}

RootLayoutPanel rp = RootLayoutPanel.get();
MyResources myr = (MyResources) GWT.create(MyResources.class);
myr.css().ensureInjected();
Label l = new Label("Test BackgroundImage");
l.setStyleName(myr.css().myImage());
rp.add(l);

---

如果我在代码中的任何地方出错了，请纠正我，想知道哪里出错了吗？

@url

定义了一个变量（在您的示例中名为

test1

）。代码中

background

的值是字符串文字，而不是对变量的引用：删除引号。

看