페이지의 보이는 부분을 중심으로 부동 확인 대화 상자를위한 CSS를 설계하는 방법은 무엇입니까?
문제
나는 이미 물었다 더 일반 큰 대답으로 질문.
그러나 나는 더 까다로운 중심 플로팅 팝업을 원한다 :
내 페이지의 높이가 1000px 높이이고 그 상단 부분 만 보려면 팝업이 500px에서 팝업되기를 바라지 않고 화면의 보이는 부분의 중간에 있습니다.
CSS에서 페이지의 보이는 부분에 액세스 할 수있는 방법이 있습니까?
감사
해결책
수평 센터링에는 CSS (margin : 0 Auto;)를 사용하고 수직 1의 경우 JavaScript (Viewport Height)를 사용해야합니다.
이 예를 확인하십시오 :http://www.alistapart.com/d/footers/footer_variation1.html
다른 팁
떠 다니는 팝업에 CSS를 줄 수 있습니다 ...
position: fixed;
일단 가면 절대적으로 배치 된 요소로 '상단'및 '왼쪽'매개 변수를 줄 수 있습니다.
위치가 위치되면 어디에서 스크롤하든 실제 브라우저 창과 관련하여 말한 곳에 머무를 것입니다.
유일한 문제는 고정 된 위치가 IE6에서 잘 작동하지 않으며, 고정 된 위치를 가진 요소는 정적 컨텐츠처럼 작용하는 경향이 있습니다.
제휴하지 않습니다 StackOverflow