定位弹出窗口

Question

如果使浏览器窗口变大，所有div都会水平改变位置。有办法防止这种情况发生吗？非常感谢任何帮助。

由于

Answer 1

我看到你在页面上使用jQuery，为什么不试试jQuery UI位置实用程序：

http://jqueryui.com/demos/position/

这允许您相对于另一个元素定位任何元素。

Answer 2

setPositionPopUp: function ($posObj, $dlg, topOff, leftOff) {
            var dl = $dlg.get(0);
            if ($dlg.length == 0) {
                return;
            }

            if (topOff == null)
                topOff = 20;
            if (leftOff == null)
                leftOff = 20;

            var v = $posObj.offset();
            dl.style.position = "absolute";
            dl.style.top = (v.top + topOff) + 'px';
            dl.style.left = (v.left + leftOff) + 'px';
            dl.style.zIndex = "10000";
            $dlg.fadeIn("slow");
        }

我已经使用上面的代码来实现你想要的。如果你不想包含整个jquery ui文件。

你可以这样称呼它：

setPositionPopup($('.colors_box'), $('img'));

显然正确选择你的选择器。