모달 창/배경 문제

내 웹 사이트에 모달 창을 만들려고합니다. 오버레이 또는 모달 div에 문제가 있습니다. 무엇이 문제인지 잘 모르겠습니다.모달 창/배경 문제

모든 것은 모달 윈도우를 클릭 할 수 없어야하지만, 내비게이션 <ul><li> 태그는 표시되고 클릭 할 수 있습니다.

element.style { 
display:block; 
left:50%; 
margin-left:-210px; //generated with javascript 
margin-top:-85px; //generated with javascript 
position:fixed; 
top:50%; 
width:450px; 
z-index:100; 
}

여기 내 배경 오버레이의 CSS는 다음과 같습니다 : 여기 내 모달 윈도우의 CSS는

element.style { 
height:1436px; //generated with javascript 
left:0; 
opacity:.75; 
position:absolute; 
top:0; 
width:100%; 
z-index:105; 
}

내가 잘못하고있는 중이 야 무슨 일이? 당신이

출처

2010-01-23 Gandalf StormCrow

확인하여 li 태그의 z-index 속성을 (또는 기본 ul) 감사 100 이하로 설정하거나이 li의보다 높은, 그래서 당신의 모달 창 오버레이의 Z- 인덱스 설정 중 하나.

출처

2010-01-23 23:11:36

이미이 방법으로 Z- 색인이 5로 설정되어 있습니다. –

IE에서 이것을 시도하고 있습니까? –

당신은 맞았 어. 나는 CSS의 큰 z- 색인 어딘가에서 발견했다. 나는 5k. znx를 설정하기 위해 나에게 무엇이 들어 왔는지 모른다. –

Z- 색인의 값이 거꾸로 나타납니다. 숫자가 높을수록 더 가깝습니다. 배경이 105로 설정되었지만 위에있는 요소는 100으로 설정됩니다.

출처

2010-01-23 23:15:04 jerebear

모달 창/배경 문제

답변

관련 문제