Javascript重疊，設置J秩序的秩序

好吧我卡住了。我使用的是opencart，並且我添加了jquery縮放插件，以便可以放大圖像。Javascript重疊，設置J秩序的秩序

既然這樣做，它現在與菜單衝突，我不知道該怎麼辦？

是否有任何方式設置頁面上的jQuery的排序順序。我試過JQuery topZIndex插件，但是這失敗了。

PS：我在css中也使用了z-index。

我曾嘗試：

#menu > ul > li { 
position: relative; i also tried absolute 
float: left; 
z-index: 100; 
}

對於我使用的jqzoom：

$(function() { 
var options = 
     { 
      zoomType: 'innerzoom', 
      zoomWidth: 800, 
      zoomHeight: 400, 
      showEffect:'fadeout', 
      hideEffect:'fadeout', 
      fadeoutSpeed: 'slow', 
      preloadImages: 'true', 
      preloadText: 'Loading...' 

     } 

$(".jqzoom").jqzoom(options); 
    });

我的問題是，在下拉菜單中應該在jqzoom圖像，但是下拉菜單出現的背後jqzoom圖像。我想知道是否有辦法設置一個z-index jquery將其設置爲後面或其他東西？

我曾嘗試與topZIndex（）jQuery插件播放和使用$(".jqzoom").topZIndex({ increment: 0 });和$(".jqzoom").topZIndex({ increment: 100 });

爲菜單中的JavaScript是：

$('#menu ul > li > a + div').each(function(index, element) { 
    // IE6 & IE7 Fixes 
    if ($.browser.msie && ($.browser.version == 7 || $.browser.version == 6)) { 
     var category = $(element).find('a'); 
     var columns = $(element).find('ul').length; 

     $(element).css('width', (columns * 143) + 'px'); 
     $(element).find('ul').css('float', 'left'); 
    }  

    var menu = $('#menu').offset(); 
    var dropdown = $(this).parent().offset(); 

    i = (dropdown.left + $(this).outerWidth()) - (menu.left + $('#menu').outerWidth()); 

    if (i > 0) { 
     $(this).css('margin-left', '-' + (i + 5) + 'px'); 
    } 
}); 

// IE6 & IE7 Fixes 
if ($.browser.msie) { 
    if ($.browser.version <= 6) { 
     $('#column-left + #column-right + #content, #column-left + #content').css('margin-left', '195px'); 

     $('#column-right + #content').css('margin-right', '195px'); 

     $('.box-category ul li a.active + ul').css('display', 'block'); 
    } 

    if ($.browser.version <= 7) { 
     $('#menu > ul > li').bind('mouseover', function() { 
      $(this).addClass('active'); 
     }); 

     $('#menu > ul > li').bind('mouseout', function() { 
      $(this).removeClass('active'); 
     }); 
    } 
} 

$('.success img, .warning img, .attention img, .information img').live('click', function() { 
    $(this).parent().fadeOut('slow', function() { 
     $(this).remove(); 
    }); 
}); 
});

來源

2011-11-21 JSweete

請詳細說明你的問題 - 發佈不適用的示例代碼，並告訴我們你已經嘗試過了。 – Ben

好點，添加更多信息。 – JSweete

瀏覽jqzoom源代碼時，縮放彈出窗口的z-index爲5001.您需要將您的下拉菜單設置爲高於此值的東西。

來源

2011-11-21 01:16:33 Ben

謝謝，斑點，我也試着改變CSS ... position：absolute;並相對嘗試 z-index：99999; 但仍然沒有快樂？ :( – JSweete

你有沒有嘗試這樣做：

 
$("#your_dropdown_menu_id").css("z-index", 99999);

來源

2011-11-21 01:12:09

對不起，這沒有工作 – JSweete

Javascript重疊，設置J秩序的秩序

回答

相關問題