我正在编写一个软件(GWT),其中应显示足球俱乐部的不同图像及其名称。所以我写了以下方法:

public void updateClubNameHeader(String clubName, int logoNumber) {
    clubLabelFrame.clear();

    HTML clubLogo = new HTML();
    clubLogo.setStyleName("clublogo_img");
    clubLabelFrame.add(clubLogo);

    Label clubNameLabel = new Label(clubName);
    clubNameLabel.setStyleName("clubnameLabel"); <--- logoNumber?
    clubLabelFrame.add(clubNameLabel);
}


更改俱乐部(clubNameLabel)的名称没有问题,但是如果我也想拥有一个新徽标,则使用此CSS样式:(文件名:1.jpg,2.jpg,... )

.clublogo_img {
    ...
    background-image: url("images/1.jpg") !important
}


问题:如果我想代表所有可能的俱乐部,我必须写大约100种样式。

问题:是否可以将我的整数logoNumber传递给CSS,以便这种样式足以显示所有选择的徽标?

最佳答案

您不能使用CSS做到这一点。您可以使用GWT来做到这一点:

clubLogo.getElement().getStyle().setBackgroundImage("url(\"images/" + imageNumber + ".jpg\")");

10-06 15:24