2011-11-17 3 views
2

면책 조항 : 알겠습니다. 그것에.jQuery/PHP는 모든 페이지 내용을 아래쪽으로 밀어 넣습니다.

딜레마 : 본문에 설정된 bg 이미지가있는 페이지에 알림 표시 줄을 통합해야합니다. 상단에 div를 표시하면 bg를 내리고 모든 내용을 아래로 밀고 전체 사이트를 삭제합니다. 나는 div의 모든 내용을 래핑하지 않고 다른 div 요소의 스타일을 벗어 던 두려움으로 그 div로 bg css를 전환하는 것을 피하려고합니다.

누군가가 모든 페이지 내용을 아래로 (내용 포함) 밀어 넣는 방법을 알고 있다면 나는 모든 지혜에 크게 감사 할 것입니다.

+0

전체 사이트에서 무엇을 던지시겠습니까? 데모 나 바이올린을 가지고 있습니까? –

+0

아래 두 가지 대답을 통해 문제가 해결됩니다. 질문을 표현하는 방식이 조금 모호해지기 때문에 둘 중 하나를 업보트하기가 어렵습니다. 기존 컨텐트와 관련하여 이동할 배경을 원하면 $ ('body'). preprend ('# notice') 메소드를 사용하십시오. 기존 컨텐츠와 관련하여 이동할 배경을 원하지 않으면 여백 가기 방법을 사용하십시오. – rkw

답변

2

body 요소에 margin-topbackground-position의 조합을 사용하여 배경 이미지를 오프셋 할 수 있습니다.

$('#note').show(); // absolute positioned at top of page 
$('body').css({marginTop: '50px', backgroundPosition: '0 50px'}); 
+0

우선, 시간 내 주셔서 감사합니다. – Swordfish0321

+0

@rkw 질문에 모호한 점을 제시하면 사과드립니다. 나는 당신이 제안한대로 prepend() 함수를 시도했다. (body와 html 모두) 그리고 두 번 모두 bg를 이동하면서 w/o 내용을 이동시켰다. Derek Hunziker, 나는 .css 방법을 사용하여 끝내었고 결국 Bg를 밀어 내고 내가 성취하려고 시도했던 것을 성취하게했습니다. 의견을 보내 주셔서 감사합니다. – Swordfish0321

+0

다행 당신을 위해 일했다! 대답으로 표시하는 것을 잊지 마세요.) –

0

jQuerys .prependTo()를 사용하여 div를 콘텐츠 상단에 추가 할 수도 있습니다. 이 방법으로 새로운 div 요소가 자연스럽게 모든 것보다 먼저 나옵니다. 그리고 나서 요소를 쉽게 스타일 할 수 있습니다. 이렇게하면 배경이 같은 위치에 유지 될 수 있습니다.

+1

그러면 질문을 한 사람처럼 배경을 옮기지 않을 것입니다. – icktoofay

관련 문제