이미지를 기준으로 div 요소 위치 지정

누구나이 작업을 수행하는 방법을 알려줄 수 있습니까? 내 웹 사이트에서 이미지를 클릭하면 이미지 바로 아래에서 메뉴가 열리지 만 창 크기를 조정하면 메뉴가 그대로 유지됩니다. 처음에는 튀어 나오지만 이미지는 움직입니다. window.resize 또는 jquery resize 이벤트를 사용하지 않고 어떻게 이미지 아래에이 메뉴를 배치 할 수 있습니까? 이것은 내가 지금이미지를 기준으로 div 요소 위치 지정

$('#div').css({ 
    "left": ($("#menu").offset().left + ($("#menu").width()/2)) + "px", 
    "top": ($("#menu").offset().top + $("#menu").height()) + "px", 
    "position":"absolute" 
});

출처

2012-03-21 user1284460

오늘 나의 신비한 힘은 그렇게 좋지 않습니다. 따라서 귀하가 한 일을 조금 더 게시해야합니다. –

'position : absolute' 대신'position : relative'를 시도 했습니까? –

상대 상대는 작동하지 않을 것입니다. 이미지를 클릭하면 메뉴가 현재 이미지 아래에 열려 있어야합니다. 현재 일어나고있는 일이지만 무슨 일이 일어나는지는 창 크기를 조정할 때 이미지와 메뉴 사이의 간격이 증가하기 때문입니다. – user1284460

이미지 크기와 비슷한 크기의 사업부를 만들고있는 코드,

style="position:relative;"

장소 모두 이미지를 상대

로 자신의 위치를 표시하고 새로 만든 사업부에서 위에서 언급 한 div에.

희망이 도움이 될 것입니다.

출처

2012-03-21 21:00:00 irfanmcsd

완벽하게 작동했습니다. 감사합니다. – user1284460

이미지를 기준으로 div 요소 위치 지정

답변

관련 문제