JavaFX 中的灰色滚动窗格背景图像

Question

我在 JDK 1.8.0_72 的 Eclipse 中使用 JavaFX。我想在滚动窗格的背景中显示图像。我正在使用以下代码来执行此操作：

ScrollPane s2 = new ScrollPane();
s2.setContent(label);
s2.setStyle("-fx-background-image: url('DungeonRoomImage.png');");

这在标签和网格面板等其他对象上工作得很好，但由于某种原因在滚动窗格上不起作用，它在中间显示一个灰色块来覆盖图像。如果您仔细观察边框和灰色中心之间，您会看到图像向外窥视。

更改滚动窗格的背景颜色时会出现同样的问题，但已通过使用

解决

-fx-background:

而不是：

-fx-background-color:

我试过使用 setBackground，但结果相同

s2.setBackground(new Background(new BackgroundImage(new Image("DungeonRoomImage.png"), null, null, null, null)));

谁能建议摆脱灰色背景的方法或解决此问题的方法？背景图片应该是这样的

Answer 1

在滚动窗格的视口上设置背景图像。使用外部 CSS 文件：

.scroll-pane .viewport {
    -fx-background-image: url('DungeonRoomImage.png');
}

Grey Scroll Pane Background Image in JavaFX