Bonjour,

voila je développe une routine pour contourner le bug ie
lorsque qu'un div est au dessus d'un select, le select prend le dessus.

Apès de longue recherche, il semblerait que la solution serait de placer une iframe aux memes dimensions que l'element.

Dans notre cas, c'est une menu déroulant en css.

Voici le script, mais je n'arrive pas à choper la offsetWidth et offsetHeight de mon parent.

Merci de votre aide

Le script ajoute une iframe au menu de niveau > 1

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
 
if(document.all)
{
 // ie script to cover <select> elements with <iframe>s
 var ieULs = document.getElementById("menu").getElementsByTagName('UL');
 for (j=0; j < ieULs.length; j++)
 {
 
 
  // des enfants ?
  var LIs = ieULs[j].getElementsByTagName('UL');
  for (k=0; k < LIs.length; k++)
  {
   var ieMat = document.createElement('iframe');
   ieMat.style.width=LIs[k].offsetWidth+"px";
   ieMat.style.height=LIs[k].offsetHeight+"px";
   ieMat.style.zIndex="-1";
 
   LIs[k].insertBefore(ieMat, LIs[k].firstChild);
   LIs[k].style.zIndex="101";
 
  }
 }
 
}