2011-07-27 5 views
0

Divs를 확장하여 둘러싸인 브라우저 창 중앙에 고정 된 위치 창 (투명한 Div?)을 만드는 방법이 있습니까? 이것은 낮은 Z- 인덱스 아래에 컨텐츠 스크롤 창을 만드는 것입니다.확장 된 div로 둘러싸인 고정 투명 창을 만드는 방법은 무엇입니까?

SuzyUK는 CSS 마진 값을 사용하여 고정 된 중심에서 주변 div를 푸시하는 흥미로운 웹 마스터 솔루션을 만들었습니다.

http://www.webmasterworld.com/css/4275625.htm

나는이 하나의 문제를 제외하고 내 요구에 맞게 발견 : 나는 투명 센터 사업부 내에서 링크 머리글과 바닥 글을 넣어 싶습니다. 그것은 머리글과 바닥 글에있는 링크를 인정하지 않으려는 것 같습니다.

도움을 주시면 감사하겠습니다.

답변

0

중간 창의 맨 위에 머리글을 넣고 아래쪽에 바닥 글을 놓고 링크를 삽입하면 문제없이 목적지로 이동할 수있었습니다.

업데이트 : 모두 #header#footerpointer-events 속성을 추가하고 auto에 값을 설정하여이 링크를 클릭 할됩니다. 아래 예를 참조하십시오. http://jsfiddle.net/Skooljester/6pmNQ/

+0

빠른 응답 Andrew에게 감사드립니다. 나는 너의 연결을 보았다. 머리글과 바닥 글은 낮은 Z- 인덱스 내용으로 스크롤하지 않아야합니다. widow div 안에 배치 된 머리글과 바닥 글 div가됩니다. – vngogh1

+0

이것은 내가 다루고있는 것과 비슷합니다. http://jsfiddle.net/vngogh1/qa68R/2/ – vngogh1

+0

아하! 문제는'# window'에있는 CSS 속성 중 하나입니다. 'pointer-events' 속성이'none'으로 설정되어 있습니다. 해당 속성을 삭제하면 링크와 상호 작용할 수 있습니다. –

관련 문제