z-index ne fonctionne pas dans IE

Question

J'ai un bouton, en cliquant sur le bouton je viens de produire un div contenant une case à cocher. Si l'utilisateur sélectionne la case à cocher requise, il produira un iframe selon la valeur de la case à cocher et la div disparaîtra. Il est placé juste en dessous du bouton. Jusqu'à ce que cela fonctionne bien. Si l'utilisateur clique de nouveau sur le bouton, la div droping arrive derrière le cadre. Aidez-moi s'il vous plaît à le rendre visible au-dessus du cadre. J'ai utilisé z-index, son fonctionnement dans firefox - mais je ne peux pas le faire dans IE ..

S'il vous plaît aidez-moi à ce sujet.

Merci
Praveen j

Answer 1

Il existe des problèmes connus avec IE et z-index. Quelle version d'IE utilisez-vous en premier? Cela aide-t-il aussi? Il semble lié, vous devrez peut-être obtenir votre code pour obtenir ce résolu ->http://www.webmasterworld.com/css/3337315.htm

Answer 2

Qu'en est-il de changer le zIndex de iFrame à une valeur négative lorsque le div apparaît et le changer en un positif lorsque le div disparaît .

Cela pourrait vous aider.

INFO: How the Z-index Attribute Works for HTML Elements

Answer 3

pourquoi ne pas utiliser

#layer 
{ 
visibility:hidden; 
} 

puis changer à nouveau visible et caché, la fonction suivante change css

function changecss(theClass,element,value) { 
    var cssRules; 
    var added = false; 
    for (var S = 0; S < document.styleSheets.length; S++){ 
    if (document.styleSheets[S]['rules']) { 
     cssRules = 'rules'; 
    } else if (document.styleSheets[S]['cssRules']) { 
     cssRules = 'cssRules'; 
    } else { 
     //no rules found... browser unknown 
    } 
     for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) { 
     if (document.styleSheets[S][cssRules][R].selectorText == theClass) { 
     if(document.styleSheets[S][cssRules][R].style[element]){ 
     document.styleSheets[S][cssRules][R].style[element] = value; 
     added=true; 
     break; 
     } 
     } 
     } 
     if(!added){ 
     if(document.styleSheets[S].insertRule){ 
       document.styleSheets[S].insertRule(theClass+' { '+element+': '+value+'; }',document.styleSheets[S][cssRules].length); 
      } else if (document.styleSheets[S].addRule) { 
       document.styleSheets[S].addRule(theClass,element+': '+value+';'); 
      } 
     } 
    } 
    } 

appeler cette fonction comme celui-ci

javascript:changecss('#layer','visibility','visible');<br> 
javascript:changecss('#layer','visibility','hidden');