JavaFX按钮点击切换场景背景图片异常问题

问题原因分析 #

出现白色背景的核心原因有两个：

1. 图片路径错误：程序无法找到Background2.quiz.jpg文件，触发默认白色背景显示。
2. 缺失背景尺寸配置：原CSS中设置了-fx-background-size: cover;来适配图片，但你用setStyle仅覆盖了背景图属性，导致图片因尺寸适配问题无法正常显示。

解决方案 #

方案1：补全setStyle的样式属性 #

直接在setStyle中同时指定背景图和尺寸属性，确保样式完整性：

SettingsGrid.setStyle("-fx-background-image: url('Background2.quiz.jpg'); -fx-background-size: cover;");

方案2：校验并修正图片路径 #

• 确认Background2.quiz.jpg和原图片Background.quiz.jpg在同一目录下，文件名（含大小写、后缀）完全匹配。
• 若为Maven/Gradle项目，图片需放在src/main/resources目录下，使用绝对路径写法：

  SettingsGrid.setStyle("-fx-background-image: url('/Background2.quiz.jpg'); -fx-background-size: cover;");
  

方案3：通过样式类切换（更易维护） #

在CSS文件中新增一个样式类：

.SettingsGrid-new-bg {
    -fx-background-image: url('Background2.quiz.jpg');
    -fx-background-size: cover;
}

然后在代码中切换样式类：

// 移除原有样式类，添加新样式类
SettingsGrid.getStyleClass().remove("SettingsGrid");
SettingsGrid.getStyleClass().add("SettingsGrid-new-bg");

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