2017-03-20 8 views
0

Gerade jetzt in meinem CSS Stylesheet für JavaFX habe ich so etwas. #myText ist ein Tag in meiner FXML-Datei. Was jetzt erscheint, ist ein schwarzer textArea mit rotem Text, was gut ist. Ich möchte den Hintergrund des textArea transparent machen (indem ich die Deckkraft ändere) aber den Text eine feste Farbe behalten. Durch das Hinzufügen von fx-opacity wird sowohl der Hintergrund als auch mein Text transparent. Wie kann ich das umgehen?JavaFX/CSS Transparente TextArea mit Solid Text

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

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

Antwort

1

können Sie die transparent Farbe verwenden, das zu tun, ist es so einfach wie:

-fx-background-color:transparent; 

Eine nützliche Quelle mit mehr CSS-Befehle, um die Oracle JavaFX CSS reference guide

UPDATE ist

Entschuldigung, ich war mir nicht bewusst, dass Sie es nicht vollständig transparent wollen, in diesem Fall können Sie verwenden:

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

diese verwendet das Farbschema RGB aber mit der Fähigkeit, den Endwert für Opazität einzustellen, von 0,0 bis 1,0 ist, 0,0 offensichtlich völlig transparent sein und 1,0 vollständig dargestellt ist.

+0

Ich habe versucht, das in meinen beiden Blöcken oben zu verwenden. In #myText macht es nichts und in .content nimmt es die Farbe komplett weg, was ich vermute, dass es transparent ist, aber ich möchte anzeigen, was sich unter der textArea befindet, nicht nur die leere textArea selbst. –

+0

Können Sie uns bitte eine visuelle Darstellung dessen geben, was Sie erreichen möchten? – TravisF

+0

Ich habe meine TextArea oben von einem ImageView. Ich möchte, dass der textArea schwarz, aber etwas transparent ist, so dass das ImageView darunter sichtbar ist. Und ich möchte, dass der Text überhaupt nicht transparent ist (normale Textfarben grundsätzlich). –