Discussion :

[chakram]

Bonjour,

Je rencontre un petit soucis sur de l'affichage associé à une feuille CSS.

Déjà le code du CSS en cause :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
#atclabel {
    -fx-background-color: transparent;
    -fx-background-radius: 0;
    -fx-alignment: center;
}
 
#atclabel:hover {
    -fx-background-color: lightblue;
}
 
 
.field {
    -fx-background-color: red;
    -fx-padding: 5px;
    -fx-alignment: center-left;
}
 
.field:hover {
    -fx-background-color: yellow;
}

Pour le code, il est assez simple :
Une VBox (id: atclabel) dans lesquelles sont affichées des HBox. Chaque HBox (pas d'Id ou de class associé) comprend des champs stylés (class= field). Les champs étendent Region avec le simple rajout d'un texte.

Lors de l'affichage, j'obtiens le résultat suivant :

En bleu clair, le fond de l'atclabel lors du survol de la souris ce qui est correct. Par contre, en rouge, le fond du field supposé contenir le texte (celui au dessus dans notre cas) et en jaune, le changement de background pour le champ survolé, le champ "callsign" dans l'image jointe qui apparaît donc en dessous comme le fond rouge... Certains d'entre vous ont-ils déjà rencontré un tel décalage ?

Pour info, si je fais dériver mon "field" de StackPane, j'obtiens le comportement désiré... J'aimerais juste comprendre ce qui expliquerait le fonctionnement avec Region... Ci joint, l'image du résultat "correct" obtenu via StackPane :

Merci à ceux qui répondront...

Chakram