Discussion :

[hokidoki]

Bonjour,
j'ai fait un tooltip qui s'affiche quand l'on passe le cusrseur sur le lien. Le problème est que l'image que j'affiche se retrouve en arrière plan par rapport aux autre composants. Si il y a une textBox, on voit la textbox affiché en premier plan au milieu de mon image.
Comment faire pour que le tooltip soit devant tout les composants ??

Voila mon fichier css :

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
22
23
24
25
26
27
28
29
30
31
32
33
 
a.tooltip
{
    position: relative;
    z-index: 24;
    background-color: #ccc;
    color: #000;
    text-decoration: none;
}
 
a.tooltip:hover
{
    z-index: 25;
    background-color: #ff0;
}
 
a.tooltip span
{
    display: none
}
 
a.tooltip:hover span
{
    display: block;
    position: absolute;
    top: 2em;
    left: 2em;
    width: 15em;
    border: 1px solid #0cf;
    background-color: #cff;
    color: #000000;
    text-align: center
}

Merci de vos réponses

[Tober]

Je pense que la solution est dans l'utilisation d'un z-index approprié
essaye en précisant aux éléments qui doivent se trouver derriere l'image (en leur mettant un z-index inférieur à celui de ton image

[hokidoki]

ok merci beaucoup, moi je cherchais du côté du display et du position, je n'y connais pas grand chose en CSS en fait.

Je vais chercher et je mettrait la solution si ca marche.

[hokidoki]

C'est bon, c'est résolu,. J'ai mis un z-index à 150 (et oui c'est beaucoup !!).
Par defaut Visual studio mettait des z-index pour chaque éléments qui était autour de 100.

Merci à toi Tober

[hokidoki]

En fait, je viens de m'apercevoir que cela ne marchait pas avec des dropdownlist.
Je ne sait pas vraiment pourquoi mais elles sont affiché au premier plan.
Elle n'ont pas de z-index défini et si je les défini inférieur a celui de mon tooltip, la liste est toujours en premier plan.

[Candygirl]

Les z-index ne devraient être définis que lorsqu'il y a vraiment besoin ce qui est plutôt rare si tu as bien la pluspart de tes éléments normalement dans le flux.

C'est difficile de te répondre sans ton code et il faut savoir que IE peut poser quelques problèmes quant à l'ordre d'empilement des différents éléments.

[hokidoki]

Bon je te met le fichier aspx, le fichier cs et le code html de IE(c'est le .txt) en fichiers joint.

Voila mon doctype : "-//W3C//DTD HTML 4.0 Transitional//EN"
je crois que c'est ca, je ne m'y connait pas vraiment la dessus. Je pense que tu veut savoir si ma page passerai au validateur W3C, je ne pense pas.
C'est une page de test donc c'est normal que ce n'est pas du tout rigoureux.

Ma page ou j'utilise le tooltip est un peu mieux mais ne passerai surrement pas au validateur, c'est pour l'intranet d'une entreprise alors je ne peu pas te le montrer. Pour le moment les page ne fonctionne que en local sur ma machine.

[Candygirl]

sorry, j'avais mal interprêté ton mot "drop down list". J'avais imaginé dans ma tête un menu déroulant "standard".

Pour le problème des select c'est un problème reconnu avec IE6 (corrigé dans le 7 je crois ?). Tu peux trouver, je crois, une piste dans la faq javascript.

Autrement ton doctype est incomplet. Il est important d'en renseigner un correctement si tu veux que IE passe en mode standard.

[hokidoki]

Merci, en effet avec IE7 ca marche bien.
Je vais voir comment contourner ce problème.