투명 div가있는 div 사용 안 함

내 HTML 페이지의 일부분을 비활성화하려고합니다. 페이지 위쪽에 절대 위치가있는 투명한 div를 사용하여 그 위에있는 요소를 클릭하지 못하도록 할 수 있지만 페이지의 일부분에서만이 작업을 수행 할 수있는 방법이 있습니다 (이 부분은 div) 절대 위치를 사용하지 않고?투명 div가있는 div 사용 안 함

출처

2013-02-16 Stack Diego

작업중인 마크 업의 예를 게시하고 해당 페이지의 어느 부분을 '비활성화'해야하는지 명확하게 식별 할 수 있습니까? –

이의 아이가 position: absolute 및 top, bottom, left와 div에 당신이 넣을 수없는 경우, 0

에, 동일한 right을 투명 차단 사업부를 추가하지 않도록 설정할 사업부에 position: relative을 넣어 position: relative을 비활성화하려면 div의 크기와 오프셋을 계산 한 다음 투명 마스크를 몸체의 자식으로 배치하고 비활성화해야하는 요소와 정확히 동일한 위치에 배치해야하므로 조금 더 어려워집니다. . jQuery와 같은 JS 프레임 워크는 대개 상자의 offset relative to the document을 결정하는 방법을 제공합니다.

출처

2013-02-16 13:04:36

아주 잘 작동합니다! 감사합니다 –

투명한 이미지를 1px x 1px로 만들어 .png 파일로 저장하십시오. 당신의 DIV를위한 CSS에서 는

background:transparent url('/images/transparent-bg.png') repeat center top;

이 transperant 이미지에 파일 경로를 변경해야이 코드를 사용합니다.

이 솔루션은 IE 6을 제외한 모든 브라우저에서 작동한다고 생각하지만 테스트하지 않았습니다.

출처

2013-02-16 13:02:48

죄송합니다. 작동하지 않는 것 같습니다. –

투명 div가있는 div 사용 안 함

답변

관련 문제