IE7中的Z-INDEX問題

如果您點擊頂部的橙色ORDER按鈕，#dimmer應覆蓋整個背景，應顯示在頂部。（收藏般的效果）IE7中的Z-INDEX問題

的問題是，在IE7 #dimmer會在頂部出現，無論它是的z-index。

在其他瀏覽器中，一切都很好。

鏈接：http://fenelon.ru/projects/SpaceFood/2.1-jQuery/

謝謝傢伙！

來源

2010-10-20 Fenelon

嘗試向問題中的元素添加「position：relative」。 – Sarfraz 2010-10-20 08:57:02

'如果你點擊......'點擊確切的？你問我們什麼？我們不能認爲我們知道你在問什麼..... – 2010-10-20 08:59:02

跨瀏覽器總是很痛苦......爲什麼不將顯示設置爲none而不是隱藏使用z-index？ – 2010-10-20 08:59:30

試試這個：

$("#orderBtn").click(function(){ 
    if(!visible) { 

     if ($.browser.msie && $.browser.version.substr(0,1)<8) { 
      $(".product").css('z-index','-2'); 
      $("#order").css('z-index','1'); 
      $("#dimmer").css('z-index','-1'); 
     } 

     ... // do your other stuff 

} else { 

     if ($.browser.msie && $.browser.version.substr(0,1)<8) { 
      $(".product,#order,#dimmer").css('z-index','auto'); 
     }  

     ... // do your other stuff 

} 
});

懶IE7需要的z-index到所有相關的元素。這應該現在工作，讓我知道。

來源

2010-10-20 09:44:14 Thomas

不幸的是，這並沒有幫助。如果我的問題不清楚，我想道歉，但我真的發脾氣了。 – Fenelon 2010-10-20 10:23:43

以下是您建議的內容：http://fenelon.ru/projects/SpaceFood/2.1-jQuery/index1.html – Fenelon 2010-10-20 13:42:47

下載鏈接？我會稍後再試... – Thomas 2010-10-20 16:40:20

IE7中的Z-INDEX問題

回答

相關問題