Свойство z-index не применяется к элементам внутри ion-segment-button.
Я попытался изменить положение элементов и установить z-индекс на 999999, а z-индекс кнопки на -1. Однако это не работает.
<ion-segment-button
class = "test">
<ion-icon name = "document-text"></ion-icon>
<ion-label>Test</ion-label>
<div id = "helpParent" (click) = "test2()" style = "
background: red;
width: 200px;
height: 200px;
z-index: 999999;
"><i id = "helpChild" (click) = "test2()" class = "far align-vertically fa-question-circle"
style = "cursor: pointer;width: 24px;height: 24px;font-size: 20px;color: rgb(6, 54, 85);margin-left: 10px;z-index: 9999;"></i>
</div>
</ion-segment-button>
Я хочу щелкнуть значок вопроса и показать всплывающее окно.
в контейнере события-указатели не установлены, поэтому, вероятно, событие щелчка не работает, я опубликовал ответ с решением.
Кнопка отображается внутри теневого корня, а элемент-контейнер имеет правило указателя-события: нет; поэтому вызывается метод test2.
Добавьте следующий код в файл style.css, метод test2 должен вызываться при нажатии на внутренний значок, и удалите событие щелчка из элемента helpParent, чтобы избежать множественных вызовов.
ion-segment-button::part(native) {
pointer-events: all;
}
чего вы хотите добиться, добавив индекс z?