>source

its not dublicated question because I didnt understand the smilar question's answer.may I can delete after solved my question, if the answer so easy.

부트 스트랩 3 모달이 열리면 메가 메뉴가 나타납니다.이 문제를 해결하기 위해 부트 스트랩 모달이 열려있는 동안 메가 메뉴의 Z- 인덱스를 줄여야합니다. 메가 메뉴의 Z- 인덱스는 이제 항상 최대입니다.

이 질문을 찾았습니다.

부트 스트랩 모달 열기에서 함수 호출

그것은 말한다 :

$('#code').on('shown.bs.modal', function (e) {
  // do something...
})

부트 탭 3.

이 코드를 jquery 또는 javasicript로 어떻게 작성할 수 있습니까?

edit: to give specific request, I want to determine bootstrap class to use it instead of #code word and then, write changing z-index value of a spesific class via jquery.

https://resimli.yedek.deniz-tasarim.site/

웹 사이트는 이쪽입니다.

헤더에 가입/로그인 버튼이있는 부트 스트랩 모달이 열립니다. ( 오른쪽 상단 )

<시간 />

저는 부트 탭 3에 외국인이고 모달 클래스가 많아서 혼란 스러웠습니다.

  • 답변 # 1

    기본 최대 값으로 인해 메뉴가 모달과 겹칩니다. z-index .

    메뉴에 대한 CSS 규칙은 다음과 같습니다.

    #wp-megamenu-header-menu {
        z-index: 9999; <=== /*the problem is here*/
        text-align: left;
        height: 90px;
        background-color: #fff;
        padding-top: 20px;
        padding-right: -20px;
        padding-bottom: 40px;
        padding-left: 0;
    }
    
    

    그리고 이것은 아마도 당신이 쓴 것입니다.

    .wp-megamenu-wrap {
        z-index: 99999;
    }
    
    

    이 문제를 해결하려면 z-index 이랑 !important 규칙. 이 규칙을 CSS에 삽입하십시오.

    #wp-megamenu-header-menu {
        z-index: 1000!important;
    }
    
    

    그리고 당신의 겹침 문제는 사라질 것입니다!

관련 자료

  • 이전 bigrquery - Bigquery에서 Golem으로 만든 Shiny App으로 데이터를 읽어 오는 방법
  • 다음 dart - 프로세스 '명령 "flutterbat' '가 0이 아닌 종료 값 1 오류로 완료되었습니다