Discuz! X3.* 修改浮动窗口的的堆叠顺序(z-index)
分类 网站技术/村民张先生 发布于 2015-07-23 07:29
打开 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; }
即可。保存覆盖并更新数据缓存才能生效。
欢迎谈谈你的看法(无须登录) *正文中请勿包含"http://"否则将被拦截