在JavaFX CSS中设置背景图像路径的正确方法

Question

我有一个 AnchorPane ，我想通过给它一个我在另一个包中的BackgroundImage来设置它的样式：

这是我试过的CSS：

#body 
{
    -fx-background-image:url("/Images/FlowersPattern_beige_background.jpg");   
}

使用javascript我将AnchorPane的CSS ID设置为body;那是行不通的。我试图检查已经问过的其他问题，但是他们没有帮助。请你澄清一下应该如何完成它？

Answer 1

如果您的css文件已正常加载，请替换：

"/Images/FlowersPattern_beige_background.jpg"

与

"../Images/FlowersPattern_beige_background.jpg"

应该有用。

路径相对于css文件的目录，..访问父目录（src）; /Images指的是 Images 目录;最后/FlowersPattern_beige_background.jpg访问您的图片。