Discussion :

[marti]

Bonjour,

J'ai un page HTML. Dans cette page HTML, j'ai un Javascript qui appelle une boite de dialogue. Cette boite de dialogue est créé par la méthode DOM, c'est à dire essentiellement par des instructions du type document.createElement('button'), document.createElement('span'), document.createElement('div'), etc.....
L'appel à la boite de dialogue dans ma page fonctionne bien, mais la boite de dialogue s'affiche derrière une liste déroulante créée par les balise <select><option>.....</option></select> quand elle est positionnée sur la liste, alors qu'elle s'affiche normalement au dessus d'un champ de type <input> par exemple. Pourquoi ? et comment afficher la boite au dessus de la liste déroulante ?

Merci d'avance

[javatwister]

pas de solution via javascript, ce problème de zindex est dû à l'interface select elle-même, en quelque sorte "prioritaire" à l'écran;

donc, remplace ta liste select par une liste ul, par exemple;

[denisC]

Pourquoi ? et comment afficher la boite au dessus de la liste déroulante ?

Parceque, sous IE, le select est toujours devant la div. C'est comme ça.

La seule solution si tu veux vraiment faire ça est d'utiliser une iframe contenant ton div, car l'iframe peut passer devant le select.