z-index在IE中不起作用

Question

我有一個按鈕，而點擊按鈕我只是產生一個包含一些複選框的div。如果用戶選擇了所需的複選框，它將根據複選框的值生成一個iframe，並且div將消失。它放置在按鈕的正下方。直到這工作正常。 如果用戶再次單擊該按鈕，則丟棄div會出現在框架後面。請幫助我在框架上方看到它。我已經使用z-index，它在Firefox中的工作 - 但我不能在IE瀏覽器..

請幫我關於這一點。

感謝
普利文Ĵ

Answer 1

有已知問題和IE的z-index。首先使用哪個版本的IE？這也有幫助嗎？它看起來有關，你可能需要讓你的代碼得到解決 - >http://www.webmasterworld.com/css/3337315.htm

Answer 2

當div出現時，將iFrame的zIndex更改爲負值，當div消失時將其更改爲正值。

這可以幫助你。

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

Answer 3

你爲什麼不使用

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