JQuery 기존 콘텐츠 위에 레이어 삽입

Question

링크/버튼을 클릭하면 내 사이트의 기존 콘텐츠 위에 새 레이어를 표시하려고합니다. 내가 jquery 사용하고 있습니다 -하지만 코드가 예상대로 작동하지 않는 것. 여기

내가 무엇을 가지고 :

$(document).ready(function(){ 
    $("#button").click(function() { 
    $("#showme").insertAfter("#bodytag") 
    $("#showme").fadeIn(2000); 
}); 

});

효과는 #body 태그 바로 뒤에 <div id="showme">...</div>이 표시되도록하는 것입니다. <div id="showme">...</div>에는 사이트의 다른 어떤 것보다 높은 z- 색인이 있으므로 #body 태그 바로 뒤에 내용 위에 표시되어야합니다.

감사합니다.

Answer 1

원하는 효과를 얻으려면 #showme을 삽입 할 div가 position : relative이어야하고 #showme은 position : absolute 여야합니다. 절대 위치 지정은 문서 흐름에서 요소를 가져와 내용 위에 올려 놓을 수 있도록합니다.

또한, 두 개의 팁 - $()는 $ (문서)에 대한 바로 가기입니다, 당신은 체인 jQuery를 명령 할 수 있습니다

$().ready(function(){ 
    $("#button").click(function() { 
    $("#showme").insertAfter("#bodytag").fadeIn(2000); 
    }); 
}); 

Answer 2

#showme은 static이 아닌 position이어야합니다.