W Bootstrap3 zostałem stworzony i dostosowany Modal popup w mojej witrynie. To działa. Ale niestety pojawia się wewnątrz nakładki popup.
Przed kliknięciem przycisku
Po kliknięciu przycisku
Tak się dzieje. Więc dostosowuję się Z-index również. Ale to nie jest korzystne, mój kod jest poniżej,
.csk-landing-for-scl {
letter-spacing: 0px;
text-transform: none;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
}
.modal-content {
width: inherit;
height: inherit;
margin: 0 auto;
background: none;
border: none;
position: relative;
}<button type="button" data-toggle="modal" data-target="#exampleModalLong" class="btn csk-landing-for-scl">Request a quote</button>
<div class="modal fade" id="exampleModalLong">
<div class="modal-dialog" role="document">
<div class="modal-content">
content...
</div>
</div>
</div>To jest mój kod. Co mogę na to zrobić?
Odpowiedzi:
0 dla odpowiedzi № 1tak, z-index jest solution.please podaj wartość z-index większą niż wartość nagłówka z-index.It będzie zdecydowanie rozwiązany.