/ / Pokaż modal bootstrap w zestawie popovers - javascript, jquery, twitter-bootstrap, bootstrap-modal, bootstrap-popover

Pokaż mod bootstrap na zestawie popover - javascript, jquery, twitter-bootstrap, bootstrap-modal, bootstrap-popover

Mam stronę jsf z niektórymi pop-bootami. Te popovers można przeciągać, używając do tego jQuery.

Kiedy klikam przycisk, aby wyświetlić modal, jest on wyświetlany na ekranie, ale popovers nadal pokazują się nad modalem. Oto obraz, który ilustruje moją rzecz.

Jak widać, popovers są ponad modalne.

Zrozumiałem, że na bootstrap.css indeks z popover jest większy niż modalny (pierwszy to 1060 i drugi 1050). Próbowałem zmienić indeks Z modalnego ustawienia większej wartości, ale nie zadziałało.

Zastanawiam się, czy ktoś właśnie zmierzył się z tym problemem.

Odpowiedzi:

2 dla odpowiedzi № 1

Z pewnością ma to związek z indeksem Z. Użyj inspektora przeglądarki, aby dowiedzieć się, czy indeks Z jest naprawdę zastosowany. Jeśli nie, może ustawić atrybut na ważny:

.modal {
z-index: 2000 !important;
}

Zawsze zależy od kontekstu, jeśli możesz z powodzeniem zastąpić styl CSS (która pozycja, jak konkretny jest selektor itp.)