Javascript重叠,设置Jquery的Z顺序
好吧,我卡住了。我使用的是opencart,我添加了jQueryZoom插件,这样图像就可以放大了 由于这样做现在与菜单冲突,我不知道该怎么办 是否有任何方法可以在页面上设置jquery的排序顺序。我尝试了JQuery topZIndex插件,但失败了 PS:我在css中也使用了Javascript重叠,设置Jquery的Z顺序,javascript,jquery,overlay,z-index,overlap,Javascript,Jquery,Overlay,Z Index,Overlap,好吧,我卡住了。我使用的是opencart,我添加了jQueryZoom插件,这样图像就可以放大了 由于这样做现在与菜单冲突,我不知道该怎么办 是否有任何方法可以在页面上设置jquery的排序顺序。我尝试了JQuery topZIndex插件,但失败了 PS:我在css中也使用了z-index 我试过: #menu > ul > li { position: relative; i also tried absolute float: left; z-index: 100; }
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,将其设置为back或其他什么
我尝试过使用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();
});
});
});
$('#菜单ul>li>a+div')。每个(函数(索引,元素){
//IE6和IE7修复程序
如果($.browser.msie&($.browser.version==7 | |$.browser.version==6)){
变量类别=$(元素).find('a');
var columns=$(元素).find('ul').length;
$(element.css('width',(columns*143)+'px');
$(元素).find('ul').css('float','left');
}
var menu=$('#menu').offset();
var dropdown=$(this.parent().offset();
i=(dropdown.left+$(this.outerWidth())-(menu.left+$('#menu').outerWidth());
如果(i>0){
$(this.css('margin-left','-'+(i+5)+'px');
}
});
//IE6和IE7修复程序
如果($.browser.msie){
如果($.browser.version您是否尝试执行以下操作:
$("#your_dropdown_menu_id").css("z-index", 99999);
$(“#您的#下拉菜单#菜单#id”).css(“z-index”,99999);
浏览jqzoom源代码时,zoom弹出窗口的z索引为5001。您需要将下拉列表设置为更高的值。请详细说明您的问题--发布不起作用的示例代码,并向我们展示您已经尝试过的内容。谢谢,很好,我也尝试过更改css…位置:绝对;以及里德亲戚也有z指数:99999;但仍然没有快乐(