屏幕水平调整大小时的弹出位置

Question

我在水平顶部菜单中有链接以打开弹出窗口。该链接是大约 150 像素的图像。然后有一个弹出div，它具有与菜单图像右对齐的赦免位置。现在，当屏幕重新调整水平大小时，就会出现问题，它失去了与按钮的对齐方式并且放错了位置。

如何更改带有菜单图像的弹出窗口的位置以使其对齐

该网站使用火鸟主题在wordpress中构建。我试图将其放置在相对位置，但没有成功。

弹出式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});
  });
});