老张小站

  1. 欢迎光临

    感谢访问老张的博客!

  • 1
2,202

Discuz! X3.* 修改浮动窗口的的堆叠顺序(z-index)

分类 网站技术/村民张先生 发布于 2015-07-23 07:29
0

打开 static/js/common.js 文件,

查找:

JSMENU['zIndex'] = {'win':200,'menu':300,'dialog':400,'prompt':500};

win 代表点击后的浮动窗口,例如登录窗,
默认值为200,可能被其他窗口遮盖,我们可以调整为一个更大的值。

修改其中的数字即可,保存覆盖并更新数据缓存才能生效。

但需要注意的是,修改此处后,在不同应用场景下,可能会出现矛盾(在A位置符合我们的需要,但在B位置却不符合)。
我们可以单独对某个浮窗修改堆叠顺序:

例如,我们自定义了一个类似于

<a onclick="showWindow('showwindow', '#');return false;" href="javascript:;">###</a>

这样的浮动窗口,可以这样修改它的 z-index 值:

同样在该文件中,进入 function showWindow 段落,在存在 JSMENU['zIndex']['win'] 的段落

	var show = function() {
		hideMenu('fwin_dialog', 'dialog');
		v = {'mtype':'win','menuid':menuid,'duration':3,'pos':'00','zindex':JSMENU['zIndex']['win'],'drag':typeof drag == null ? '' : drag,'cache':cache};
		for(k in menuv) {
			v[k] = menuv[k];
		}
		showMenu(v);
	};

前加入一个判断:

	if(k == 'showwindow') {
		JSMENU['zIndex']['win'] = 301;
	}

即可。保存覆盖并更新数据缓存才能生效。

欢迎转载分享,转载请注明 来源:大张小站 https://www.zhang.cq.cn/20151508.html
若您喜欢这篇文章,欢迎订阅老张小站以获得最新内容。 / 欢迎交流探讨,请发电子邮件至 mail[at]vdazhang.com 。


欢迎谈谈你的看法(无须登录) *正文中请勿包含"http://"否则将被拦截