z-index 在 IE 中不起作用

Question

我有一个按钮，点击按钮时我只是生成一个包含一些复选框的 div。 如果用户选择所需的复选框，则会根据复选框的值生成一个 iframe，并且 div 将消失。 它位于按钮正下方。 到目前为止它工作正常。 如果用户再次单击该按钮，则放置的 div 将出现在框架后面。 请帮我让它在框架上方可见。 我已经使用了 z-index，它在 Firefox 中工作 - 但我无法在 IE 中实现它。

请帮助我解决这个问题。

谢谢
praveen j

Answer 1

当 div 出现时将 iFrame 的 zIndex 更改为负值，当 div 消失时将其更改为正值怎么样？

这可能对你有帮助。

信息：Z-index 属性如何用于 HTML 元素

Answer 2

你为什么不使用

#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+';');
            }
      }
     }
    }

像这样调用此函数

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

Answer 3

IE 和 z-index 存在已知问题。 您首先使用哪个版本的 IE？ 这也有帮助吗？ 它看起来相关，您可能需要启动代码才能解决此问题 -> http://www.webmasterworld.com/css/3337315.htm