Javascript z索引在IE中不起作用

我有一个按钮，单击按钮时，我只生成一个包含一些复选框的div。如果用户选择所需的复选框，它将根据复选框的值生成一个iframe，div将消失。它就放在按钮的正下方。到目前为止，它运行良好。 如果用户再次单击该按钮，则droping div将位于帧的后面。请帮助我使它在框架上方可见。我使用了z-index，它在firefox中工作——但我不能在IE中使用它

请帮我解决这个问题

---

感谢praveen j

IE和z-index存在已知问题。你首先使用哪个版本的IE？这也有帮助吗？它看起来是相关的，您可能需要启动代码来解决此问题->

当div出现时，将iFrame的zIndex更改为负值，当div消失时，将其更改为正值如何

这可能对你有帮助

为什么不使用

#layer
{
 visibility:hidden;
}

然后将其更改为可见，然后再次隐藏，下面的函数将更改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+';');
            }
      }
     }
    }

函数更改CSS（类、元素、值）{
var-cssRules；
var added=假；
对于（var S=0；S

像这样调用这个函数

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

javascript:changecss（'layer'，'visibility'，'visibility'）

javascript:changecss（“#layer”，“visibility”，“hidden”）；

你的IE版本是什么？我已经测试了IE 6和IE 7