彈出位置，同時屏幕調整大小horizo​​ntaly

Question

我有鏈接水平頂部菜單打開彈出。該鏈接是一個約150px的圖像。然後有一個彈出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

你應該得到的菜單圖像的頂部偏移量和設置該top屬性，彈出頂 像：

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