модальное шоу в прозрачном корпусе - PullRequest
Новая
       30

модальное шоу в прозрачном корпусе

0 голосов
/ 27 апреля 2018

Раскрывающийся список в родительском представлении виден даже тогда, когда над ним представлен модал boostrap. Пожалуйста, дайте мне знать, если есть какой-нибудь способ, которым это может быть решено. Пожалуйста, дайте мне знать, если есть какой-нибудь способ, которым это может быть решено. Ниже изображение для возрождения.

создать в модале начальной загрузки и

ниже мой модальный код начальной загрузки: 

 <div class="modal" id="AuthorModel" role="dialog">
        <div class="modal-dialog mainModal">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Author List</h4>
                </div>
                <div class="modal-body divauthor" id="divauthor">

                    <div class="divSearch authorsearch">
                        <div class="SearchBox">
                            <input type="text" onkeyup="AuthorSearch()" id="btnsearchtxt" name="srch-term" placeholder="Search" autofocus/>
                        </div>
                        <div class="SearchAction">
                            <div class="SearchActionAlign">
                                <a href="#" onclick="clearSearchResultOfAuthor()" class="NonAction ActionClick">
                                    <img src="../../assets/images/icons/close.png" alt="Cancel" class="ImgClose" />
                                </a>
                                <a href="#" class="NonAction ActionClick" id="btnsearchtxt">
                                    <img src="../../assets/images/icons/search.jpg" alt="Search" class="ImgSearch" />
                                </a>
                            </div>
                        </div>
                    </div>

                    <div id="divauthorlist" class="divauthorlist" data-dismiss="modal"></div>

                </div>

            </div>

        </div>

    </div>

ниже мой код CSS: 

   #AuthorModel .divauthorlist {
        cursor: pointer;
        max-height: 400px;
        overflow: auto;
        padding: 5px;
    }
    #AuthorModel .mainModal .modal-content{
        background-color: white!important;
    }
    #AuthorModel .modal-content .modal-body {
        padding: 15px 1px 15px 15px!important;
    }

    #AuthorModel .modal-header .close {
        padding-right: 10px;
        color: white;
    }

    #AuthorModel .modal-header {
        background: var(--blue);
        color: #FFF;
        padding: 2px;
        height: 30px;
        font-size: 12pt;
        padding-left: 12px;
        display: inline-block;
        width: 100%;
        border-bottom: 0px;
    }

    #AuthorModel .authorsearch {
        margin-top: 0%;
        margin-bottom: 2%;
    }

    #AuthorModel #btnsearchtxt {
        width: 100%;
        border: 0 none;
        padding: 0px 0px 1px 6px;
        height: 28px;
        color: #000;
    }

1 Ответ

0 голосов
/ 27 апреля 2018

Добавьте в свойство z-index более высокое значение для класса, который влияет на элемент, который отображается некорректно. Проверьте его определение (и примеры) здесь: All About .... Z-Index?

Невозможно смоделировать ваш код, пожалуйста, добавьте скрипку, чтобы я мог попробовать ее вживую.

...