jQuery在Internet Explorer 7上切換。位置和高度問題

我做了一個隱藏/顯示隱藏div的簡單腳本。該頁面會自動調整Firefox，Safari和Chrome上的高度。jQuery在Internet Explorer 7上切換。位置和高度問題

但是在Internet Explorer 7中，div與底部的內容重疊我目前使用Joomla作爲CMS。我哪裏出錯了？我已經嘗試了包括底層內容的「位置：相對」，但它並沒有幫助。

$j(idName).css({"opacity": "0"}); 
$j(idName).slideToggle('fast', function() { 
    $j(idName).animate({opacity:"1"}, function() { 
     if(jQuery.browser.msie) { 
      this.style.removeAttribute('filter'); 
      $j("#main-body").css("height","auto"); 
     } 
    }); 

});

訪問http://educationtechnologysummit.com/sponsors-a-partners.html得到一個更清晰的視野

來源

2010-12-01 Kyle

我有點不清楚你的問題，但是從外觀上來看，我覺得你呈現的問題是，當你將鼠標懸停在菜單項在IE7中，菜單div隱藏在其他元素的後面。（隱藏的菜單div通過jQuery slideToggle函數顯示）

看起來您已經爲隱藏的div包含了z-index，但是您沒有爲其他元素指定z-index它應該重疊。 IE7可能會錯誤地將具有未定義的z索引的元素分層疊加在菜單項上。

編輯：添加到您的CSS這樣的：

#menu-spacer{z-index:489;} 
#main-body{z-index:489;}

來源

2010-12-20 22:16:10

我忘了說你的聲明是關於包含「position：relative」屬性的 - 它只是沿着屏幕平面定位元素相對於父元素的x和y座標，而不是指定一個元素是否會出現在另一個元素的前面或後面。 – 2010-12-20 22:30:21

我刪除了位置：相對並按照您的建議添加了css。雖然他們似乎沒有幫助。顯然，#bottom圖層上的圖層看起來是靜態的！ – Kyle 2010-12-30 16:53:59

我真的很感激你在這裏抽出時間幫助我。非常感謝！ – Kyle 2010-12-30 16:54:32

你的CSS應該在IE7中正常工作，如果你從.wrapper類template.css刪除position: relative風格（或者，刪除.wrapper類完全）。

來源

2010-12-21 01:58:16 jwiscarson

從你的css中刪除它。「position：relative」

來源

2010-12-24 04:05:35 steve

jQuery在Internet Explorer 7上切換。位置和高度問題

回答

相關問題