Z- 인덱스가 예상대로 작동하지 않습니까?

이 사이트에서 작업하고 있습니다. http://www.group---me.my/national/Z- 인덱스가 예상대로 작동하지 않습니까?

----을 (를) 삭제하십시오.

거래가있는 경우 옵션이 있으며 BuyNow 버튼을 클릭하면 팝업이 나타납니다. 팝업이 표시되는 동안 배경을 어둡게 (어둡게)하고 싶습니다. 나는 또한이가

onclick="javascript:document.getElementById('fade').style.display='block';"

을 추가, 지금 구입 버튼을 다음

.overlay{ 
     display: none; 
     position: absolute; 
     top: 0; 
     left: 0; 
     width: 100%; 
     height: 333%; 
     background-color: black; 
     z-index: 20; 
     opacity: 0.8; 
     filter: alpha(opacity=80); 
    }

는

이 작업을 수행하려면 , 내 로컬 테스트 사이트에, 나는 다음과 같은 DIV 클래스를 추가 사이트

<div id="fade" class="overlay"></div>

하지만 문제는 오버레이가 항상 h를 무시하고 팝업을 포함한 모든 레이어를 숨기는 것입니다. 안녕하세요, 저는 팝업 div의 z- 인덱스를 설정했습니다.

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

출처

2012-10-11 J K

팝업에 CSS를 직접 표시해 주실 수 있습니까? – nnnnnn

FYI : SO의 모든 외부 링크는'rel = "nofollow"'입니다. 검색 엔진은이를 따르지 않습니다. 또한 검색 엔진에서 사이트의 색인을 생성하지 않게하려면 'robots.txt'에 해당 항목을 작성하십시오. – Tomalak

어떤 브라우저입니까? 어떤 버전. 나는 그것을 여기에서 바로 얻고있다. 그것은 바로 숨겨야합니까?

enter image description here

그리고 눈에 띄는. 여기서 뭘하고 싶어?

출처

2012-10-11 06:41:53

실제로이 코드가 오버레이 CSS 등으로 업로드되지 않았습니다. 아직 작동하지 않기 때문입니다. 내 지역에 코드가 있습니다. –

아니요, 제대로 작동하지 않습니다. 당신이 스크린 샷에서 볼 수 있듯이. 팝업이 표시되면 모든 항목이 어두워지기를 원하며 팝업 만 전체 불투명도로 표시됩니다. 다시 말하지만, 위에 게시 한 코드는 실제 사이트에 없습니다. –

@ JK - 작동하지 않는 코드가 어떻게 생겼는지 추측 해보고 싶습니까? 질문에 새 코드를 추가하십시오. – nnnnnn

일부 상위 요소를 상대 위치로 지정하지 않으면 오버레이 div가 본문에 상대적으로 배치되어 다른 모든 콘텐츠보다 위에 위치 할 수 있습니다.

출처

2012-10-11 06:46:21 happyCoda

더 많은 도움이 필요합니다. 하지만 괜찮은 것 같네요? 오버레이는 모든 것을 (일부 불투명도로) 숨길 수 있습니다. 전체 불투명도로 표시하려면 팝업 만 있으면됩니다. –

여기에 수정 된 코드를 게시 할 수 있습니까? 특히 오버레이에 대한 상위 블록과 HTML 및 CSS 부분? – happyCoda

Z- 인덱스가 예상대로 작동하지 않습니까?

답변

관련 문제