Упрощенная проблема:

Сделайте один Узел «A» поверх другого Узла «B» полупрозрачным для MouseEvents, чтобы События достигли нижележащего Узла «B». Оба узла имеют одинаковый размер, но узел «А» имеет полупрозрачное фоновое изображение, поэтому видна половина узла «В».

Реальная проблема:

У меня есть меню вкладок. Каждую вкладку можно перетащить, чтобы развернуть соответствующий слой меню. Поэтому каждый слой вкладки представляет собой панель с частично прозрачным фоном (в основном, многоугольником), прозрачная часть которого также должна быть прозрачной для MouseEvents.

Иллюстрация (которую я пока не могу опубликовать, см. Ссылку:Иллюстрация вкладок(темно-зеленая линия - граница зеленой панели) показывает основной принцип: представьте, что видны только вкладки, а сам слой можно потянуть вправо, чтобы просмотреть его содержимое.

Итак, вопрос в том, как сделать область узла прозрачной для MouseEvents, не делая весь узел прозрачным?

Спасибо за помощь!

Обновить:

Для выяснения простой проблемы приведем соответствующий код:

//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..

Надеюсь это поможет.