Setting background image by javafx code (not css)

I'm trying to set an image as the background using this code:

root.setStyle("-fx-background-image: url('splash.jpg'); -fx-background-position: center center; -fx-background-repeat: stretch;"); 

But it doesn't work. If I set it with CSS, it works perfectly:

root.setId("pane"); primaryStage.getScene().getStylesheets().add(JavaFXApplication9.class.getResource("style.css").toExternalForm()); 

and CSS:

#pane{ -fx-background-image: url('splash.jpg'); -fx-background-repeat: stretch; -fx-background-position: center center; } 

All of my files (main class, CSS and image) placed into the same package.

So, how can I set the background image using code? Or, how can I override (replace) lines about background-image of some element in CSS from application code? Thanks!

2 Answers

Try next:

String image = JavaFXApplication9.class.getResource("splash.jpg").toExternalForm(); root.setStyle("-fx-background-image: url('" + image + "'); " + "-fx-background-position: center center; " + "-fx-background-repeat: stretch;"); 

If you really don't want to use CSS or the setStyle() method, you can use the following:

// new Image(url) Image image = new Image(CurrentClass.class.getResource("/path/to/package/bg.jpg")); // new BackgroundSize(width, height, widthAsPercentage, heightAsPercentage, contain, cover) BackgroundSize backgroundSize = new BackgroundSize(100, 100, true, true, true, false); // new BackgroundImage(image, repeatX, repeatY, position, size) BackgroundImage backgroundImage = new BackgroundImage(image, BackgroundRepeat.REPEAT, BackgroundRepeat.NO_REPEAT, BackgroundPosition.CENTER, backgroundSize); // new Background(images...) Background background = new Background(backgroundImage); 

You can find detailed documentation on BackgroundImage here.

(Sorry for replying to this old question.)