设置ScrollPane的不透明度

Question

我在滚动窗格中有一个带有按钮的网格窗格。当所需的按钮数量不足以填充ScrollPane的最大大小时，它看起来像下面的图像。我需要将这个空白点设置为包含它的窗格的背景色。

我尝试将网格的背景颜色设置为包含它的背景窗格的相同颜色，但它只是用按钮为线条着色。如果我尝试将ScrollPane的不透明度设置为0，它也设置了按钮的不透明度，所以我看不到任何东西，即使我设置了按钮的不透明度之后。

我怎么能这么做？？

    .
    .
    .
    GridPane grid = new GridPane();

    int i=0;
    for (int r = 0; r <= new Double(this.buttons.size()/BUTTONS_LINE).intValue(); r++) {
        for (int c = 0; c < BUTTONS_LINE; c++) {
            if(i < this.buttons.size()){
                grid.add(this.buttons.get(i), c, r);
                i++;
            }else{
                break;
            }
        }
    }
    ScrollPane spane = new ScrollPane(grid);
    grid.getStyleClass().add("grid");
    grid.setPrefWidth(0.2*Screen.getMainScreen().getWidth());
    spane.getStyleClass().add("scrollPane");
    /*spane.setOpacity(0);
    grid.setOpacity(1);
    for(int j=0; j<grid.getChildren().size();j++){
        grid.getChildren().get(j).setOpacity(1);
    }*///When I try this, buttons aren't visible neither
    spane.setMaxSize(0.2*Screen.getMainScreen().getWidth(), 0.2*Screen.getMainScreen().getHeight() );
    .
    .
    .

和CSS：

.scrollPane{
    -fx-background-color: #afafaf;
    -fx-control-inner-background: #afafaf;
}

.grid{
    -fx-background-color:#afafaf;
}

Answer 1

之所以会出现这种情况，是因为您看到的实际上是ScrollPane的视图端口。您需要将背景色应用于视图端口。

.scrollPane > .viewport {
   -fx-background-color: #afafaf;
}