JavaFX ScrollPane背景异常求助：设置背景图片后仍显示白色

你的问题核心是ScrollPane默认带有不透明的白色背景，而且你把它的尺寸设成了和AnchorPane完全一致，直接盖住了底层的背景图，所以看不到你设置的背景。以下是具体的修复步骤和代码：

关键修改点 #

• 让ScrollPane本身背景透明
• 让ScrollPane的视口（viewport）背景也透明（这是很多人忽略的核心点）
• 优化Text控件的容器，确保文本超出时能正常滚动

修改后的完整代码 #

bt_about.setOnAction(event -> {
    Text about = new Text("这里替换成你的长文本内容");
    about.setFont(Font.font("Georgia", 50));
    about.setFill(Color.BLACK);
    
    // 把Text放到VBox里，确保文本过长时自动换行并支持滚动
    VBox textContainer = new VBox(about);
    textContainer.setPadding(new Insets(20)); // 给文本加边距，避免贴边
    
    ScrollPane textPane = new ScrollPane();
    textPane.setContent(textContainer);
    textPane.setPrefSize(1100, 780);
    
    // 设置ScrollPane本身背景透明
    textPane.setBackground(new Background(new BackgroundFill(Color.TRANSPARENT, null, null)));
    // 设置ScrollPane视口背景透明（默认视口是白色，必须修改）
    textPane.setStyle("-fx-viewport-background: transparent;");
    
    Image image2 = new Image("C:/Users/User/Pictures/nightsky.jpg");
    AnchorPane a_pane = new AnchorPane();
    a_pane.getChildren().add(textPane);
    
    BackgroundImage bImg = new BackgroundImage(image2,
            BackgroundRepeat.NO_REPEAT,
            BackgroundRepeat.NO_REPEAT,
            BackgroundPosition.DEFAULT,
            // 让背景图按比例缩放覆盖整个容器，避免拉伸变形
            new BackgroundSize(BackgroundSize.AUTO, BackgroundSize.AUTO, false, false, true, true)
    );
    Background bGround = new Background(bImg);
    a_pane.setBackground(bGround);
    
    Scene scene1 = new Scene(a_pane, 1100, 780);
    stage.setScene(scene1);
    stage.show();
});

额外说明 #

1. 文本容器优化：直接把Text放进ScrollPane，长文本可能不会自动换行和触发滚动，用VBox（或FlowPane）包裹后能更好地处理布局逻辑。
2. 背景图适配：修改BackgroundSize参数，让背景图按原始比例缩放并铺满整个AnchorPane，避免出现拉伸变形的问题。
3. 图片路径建议：尽量避免使用本地绝对路径，建议把图片放到项目的resources目录下，用new Image(getClass().getResource("/nightsky.jpg").toExternalForm())加载，这样项目打包后也能正常访问图片。

内容的提问来源于stack exchange，提问作者Armand