퍼미션 드 메일 링리스트 코드 Z- 인덱스

메일 링리스트 등록을위한 팝업창이 있습니다. 모든 것을 오버레이해야합니다. 현재 CSS 메뉴는 팝업 상단에 있습니다. 메뉴는 z 색인에서 9999입니다. 팝업 코드 (아래 참조)에서 z 인덱스 정보를 추가하는 위치. 퍼미션 드 메일 링리스트 코드 Z- 인덱스

이

은 메일 침팬지의 코드입니다 :

<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script> 
    <script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) 
    { 
     L.start({"baseUrl":"mc.us9.list-manage.com","uuid":"56eb37539d1e217bbc3a2ea22","lid":"d8e88803f2"}) 
    }) 
    </script>

출처

2017-02-07 Dominique Kohoron

초보자를 downvote하려면 이유를 설명해 주시기 바랍니다. – Ringo

당신은 정말이에 대한 확실한 대답을 얻을 수 있도록 HTML과 CSS를 게시해야하지만 다음 시도 할 수 있습니다

: 있는지 확인

당신의 팝업 오버레이에는 클래스 이름 또는 ID가 있습니다. 예를 들어 :

<div id-"mailing-list-overlay"> 
    mailing list form goes here... 
</div>

지금 마크 업 어딘가에이 CSS 규칙을 추가하려고 :

<style> 
    #mailing-list-overlay { 
     z-index: 10000 !important; 
    } 
</style>

을 그 작동하는 경우, 위대한! 이제 '! important'를 제거하고 작동하는지 확인하십시오. 다시로드 할 때 브라우저 캐시가 지워져 있는지 확인하십시오. 제대로 작동하면 CSS 규칙을 적절한 스타일 시트로 옮겨보십시오.

아무 것도 작동하지 않는 경우 다른 문제가 발생할 가능성이 있습니다. 예를 들어, 오버레이가 오버레이하려는 콘텐츠와 동일한 레이어 스택에 없을 수 있습니다. 그러나 HTML과 CSS에 대한보다 완벽한 그림을 보지 못하면 문제를 해결할 수 없습니다. pastebin 또는 jsfiddle에 코드를 게시하면 도움을 드릴 수 있습니다.

출처

2017-02-07 07:29:57 Ringo

감사합니다. 스크립트에서 Z- 인덱스를 포함하여 막혔습니다. 나는 div에 대해서 생각조차하지 않았다. –

많은 js 라이브러리에서 구운 기본 스타일을 무시해야하는 것이 일반적입니다. 라이브러리 스타일 시트에서 CSS를 직접 변경하는 대신, 우선하는 스타일을 별도의 스타일 시트에 유지하는 것이 좋습니다. 그렇게하면 장래에 라이브러리를 업그레이드해야하는 경우에도 라이브러리의 새 버전을 사용할 준비가 된 로컬 스타일을 로컬에서 계속 사용할 수 있습니다. – Ringo

퍼미션 드 메일 링리스트 코드 Z- 인덱스

답변

관련 문제