Problema simplificado:

Haga un Nodo "A" que esté encima de otro Nodo "B" para que sea medio transparente a MouseEvents, de modo que los Eventos alcancen el Nodo subyacente "B". Ambos nodos tienen el mismo tamaño, pero el nodo "A" tiene una imagen de fondo a medias transparente, por lo que la mitad del nodo "B" es visible.

Problema real:

Tengo un menú de pestañas. Cada pestaña se puede arrastrar para expandir la capa de menú correspondiente. Por lo tanto, cada capa de pestaña es un Panel con un fondo parcialmente transparente (básicamente un polígono) del cual la parte transparente también debe ser transparente para MouseEvents.

La ilustración (que todavía no puedo publicar, ver enlace).Ilustración de pestañas, la línea verde oscura es el borde del panel verde) muestra el principio básico: imagínese que solo las pestañas son visibles y que la capa en sí puede tirarse hacia la derecha para ver su contenido.

Entonces, la pregunta es, ¿cómo puedo hacer que una región de un Nodo sea transparente para MouseEvents sin que todo el Nodo sea transparente?

¡Gracias por tu ayuda!

Actualizar:

Para aclarar el problema simple aquí está el código correspondiente:

//Create parent group
Group root = new Group();

//Create linear gradient, so one side is transparent
Stop[] stops = new Stop[] { new Stop(0, Color.rgb(0, 255, 0, 0.0)), new Stop(1, Color.rgb(0, 255, 0, 1.0))};
LinearGradient lg1 = new LinearGradient(0, 0, 1, 0, true, CycleMethod.NO_CYCLE, stops);

//Create the rectangles
Rectangle A = new Rectangle(100, 50, lg1);
Rectangle B = new Rectangle(100,50, Color.RED);

//Add eventHandlers
A.setOnMouseClicked(new EventHandler<MouseEvent>() {
    @Override
    public void handle(MouseEvent e) {
        System.out.println("Clicked A");
    }
});
B.setOnMouseClicked(new EventHandler<MouseEvent>() {
    @Override
    public void handle(MouseEvent e) {
        System.out.println("Clicked B");
    }
});
root.getChildren().addAll(B, A);

//Add to Scene..

Espero que esto ayude.