JavaFX - css adding background image with transparency


I want to add an image (png) this way:

#leftCorner {
  -fx-background-image: url("images/backgroundTrain2.png");
  -fx-background-repeat: stretch;
  -fx-background-size: 150.0 71.0;
  -fx-background-position: center center;

the problem is that I loose the transparency of the white part of the image. Can somebody tell me what I can do that it stays transparent?

enter image description here

thats the picture i try to add as background

12/24/2013 6:14:36 AM

Accepted Answer

I use -fx-background-color:transparent to set pngs on my Buttons and transparency works. Try this.

11/23/2013 6:10:04 PM

-fx-opacity: 0.5;

Add this to your ID in fx css file

Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow