Afficher un mode d'amorçage sur un ensemble de popovers - javascript, jquery, twitter-bootstrap, bootstrap-modal, bootstrap-popover

J'ai une page jsf avec quelques popovers bootstrap. Ces popovers sont déplaçables, en utilisant jQuery pour cela.

Lorsque je clique sur un bouton pour afficher un modal, celui-ci s’affiche à l’écran, mais les popovers continuent de s’afficher par-dessus le modal. Voici une image illustrant mon propos.

J'ai réalisé que sur bootstrap.css, l'index z de popover est supérieur à modal (le premier est 1060 et le deuxième 1050). J’ai essayé de modifier l’indice z du modal, en définissant une valeur plus grande, mais cela n’a pas fonctionné.

Donc, je me demande si quelqu'un vient de faire face à ce problème.

Réponses:

Cela a très certainement à voir avec le z-index. Utilisez l'inspecteur de votre navigateur pour déterminer si votre z-index est réellement appliqué. Si non, peut-être définir l'attribut sur important:

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

Cela dépend toujours du contexte si vous pouvez écraser avec succès un style CSS (quelle position, quelle est la spécificité du sélecteur, etc.)