JavaFX/CSS 透明文本区域与纯文本



现在在我的JavaFX的CSS样式表中,我有这样的东西。 #myText 是我的FXML文件中的标签。所以目前出现的是带有红色文字的黑色文本区域,这很好。我想使文本区域的背景透明(通过更改不透明度),但保持文本为纯色。添加 fx-opacity 会使背景和文本透明,那么我该如何解决这个问题呢?

#myText{
-fx-background-color:black;
-fx-text-fill: red;
}
#myText .content {
-fx-background-color: black;
}

您可以使用transparent颜色来做到这一点,它就像:

-fx-background-color:transparent;

帮助更多CSS命令的有用来源是Oracle JavaFX CSS参考指南

更新

抱歉,我不知道您不希望它完全透明,在这种情况下,您可以使用:

-fx-background-color: rgba(0,0,0,0.7);

这使用 RGB 配色方案,但能够调整不透明度的最终值,从 0.0 到 1.0,0.0 显然是完全透明的,1.0 是完全显示的。

最新更新