屏幕水平调整时弹出位置

Question

我在水平顶部菜单中有链接打开弹出窗口。链接是一个约150px的图像。然后有一个弹出div它具有绝对位置以与菜单图像右对齐。现在问题是当屏幕尺寸水平时它会失去与按钮的对齐并且它会错位。

如何使用菜单图像更改弹出窗口的位置以保持对齐

使用firebird主题在wordpress中构建网站。我试着把它放在相对位置但没有成功。

popup css，

    .quote {
    background:url('images/form-bg.png') no-repeat;width:400px !important;height:510px  !important;
    z-index:999999;position:absolute;top:77px;left:550px; padding-left:30px;padding-top:39px;display:none; 
    }

Answer 1

你应该得到菜单图像的偏移顶部并将此顶部属性设置为弹出顶部 像：

$(document).ready(function () {
 $('#menu image').click(function(){
  var offset = $(this).offset();
  //this will represent you click menu image  
     $('#popup').css({'top':offset.top});
  });
});