具有透明背景的Javafx手风琴？

Question

手风琴的行为似乎与其他 javafx 元素不同，因为我无法使用 CSS.

使其背景透明

我在某处发现了一个提示：

.accordion.titled-pane > *.content {
   -fx-background-color: null;
}

但是没有用。也许是语法，我不知道，我也试过没有 > 和 * ...

我的尝试与面板一样，所以：

#leftTop{
    -fx-background-color: rgba(237, 243, 245, 0.8);
}

我设置了fx:id。它也不起作用。我用所有 child 节点也做了这个，它们是 "above" 手风琴本身，因此带有标题窗格和标题窗格上的锚窗格。着色部分有效果，透明度没有。

我读到 javafx 有问题，但该评论来自 2013 年...

你知道解决办法吗？谢谢！

Answer 1

您只需要 .accordion 和 .titled-pane 之间的 space（TitledPane 是 Accordion 的 child 节点；没有space 您正在尝试匹配具有样式 class accordion 和样式 class titled-pane) 的单个节点:

.accordion .titled-pane > *.content{
    -fx-background-color: transparent ;
}

请注意，如果您希望标题窗格的标题部分透明，您可以使用

.accordion .titled-pane .title {
    -fx-background-color: transparent ;
}

具有透明背景的Javafx手风琴？

Javafx accordion with transparent background?

background

javafx

accordion