使用transform让Div居中的问题
各位好,请教一个DIV居中的问题;
代码如图
var content = $('#div_mx').html();
$("#div_mx").html('');
var winWidth = document.documentElement.clientWidth;
g_mxbynumbox = new LightBox("div_mx", 'XXXXX', content, 500, 1200, function () { $('#div_mx').html(content); });
g_mxbynumbox.Show();
g_mxbynumbox.GetBox().css({ width: "600px", height: "280px", top: '50%', left: '50%', transform: ' translate(-50%, -50%)' });
这样做在让DIV居中后出现了一个问题,就是当鼠标点击了div的顶部的标题栏后整个div就会移动,我并没写让div可以拖动的参数,而且移动并不是跟着鼠标,准确说像是被鼠标挤开的感觉,一旦这么点击后那这个窗口就停不下来了,只能刷新页面。
想问问各位这种问题是因为什么,目前我测试到主要是因为transform这个参数。
top: '50%', left: '50%', transform: ' translate(-50%, -50%)'设定后div可以居中了 但是也是在设定了transform后就出现了上述问题。