JavaFX 在不影响儿童的情况下更改渐变背景不透明度答案

【问题标题】：JavaFX Change Gradient Background Opacity without Affecting ChildrenJavaFX 在不影响儿童的情况下更改渐变背景不透明度
【发布时间】：2019-05-03 15:14:39
【问题描述】：

我正在尝试将程序中窗格的 CSS 背景颜色设置为不透明度为 0.5 的线性渐变，同时不更改子节点的不透明度。

这是我目前的 CSS。

pane {
    -fx-background-color:  linear-gradient(to right, #ffafbd, #ffc3a0);
    -fx-opacity: 0.5;
}

我经常在 CSS 中使用常规彩色背景时偶然发现这个问题，我知道在这种情况下可以调整 alpha 通道值。例如：

pane {
    -fx-background-color: rgba(255,0,0,0.5);
}

是否有任何类似的解决方案可以应用于不只是纯色的背景？

【问题讨论】：

【解决方案1】：

我在图像顶部的窗格中使用这个 css 渐变来遮盖图像的一半

.pane {
    -fx-background-color: linear-gradient(from 0% 50% to 100% 50%, rgba(244,244,244,1), rgba(244,244,244,0));
}

结果：

【讨论】：