Home / Questions / 4220
Accepted
Oundroni
Asked: 2020-02-16 06:07:39 +0800 CST 2020-02-16 06:07:39 +0800 CST

Translucent ScrollPane in JavaFX

  • 772

How can I make the background of a content ScrollPaneshow what's underneath? With setOpacity()the controls contained in it also become translucent ScrollPaneand what I intend is that it only be the semi-transparent background. I have tried with CSS: - fx-background-color: rgba(100,100,100, 0.5);but the background is still opaque.

javafx

2 Answers

  1. Best Answer

    The common mistake is trying to apply the opacity directly to the ScrollPane, and not to your viewport. The solution in CSS is:

    #panelScroll > .viewport {
    -fx-background-color: rgba(100,100,100,.5)};
}

    And in java code:

    panelScroll.lookup(".viewport").setStyle("-fx-background-color: rgba(100,100,100,.05);");
    • 2

  2. First you need to add that:

    .scroll-pane > .viewport {
   -fx-background-color: transparent;
}

    And now you can make the ScrollPanetransparent with this:

    .scroll-pane {
   -fx-background-color: transparent;
}

    I hope I have helped.

    References:

    • 2