Der Z-Index wird auf der iOS-Seite nicht wirksam

Es gibt kein Problem bei der Verwendung der Z-Index-Ebene unter Android, sie hat jedoch keine Auswirkungen auf der iOS-Seite. Beispielsweise sind mehrere Popup-Fenster an der Position: fixiert, was dazu führt, dass die hierarchische Beziehung fehlschlägt und das Popup -up-Fenster können nicht angezeigt werden. Egal wie Sie Z-Index debuggen, es wird nicht funktionieren.

Lösung:
Fügen Sie dem Element den folgenden CSS-Stil hinzu

transform:translateZ(1px);

Beim Festlegen der Ebene für ein Element können Z-Index und TranslateZ gleichzeitig festgelegt werden, und Android und iOS beeinflussen sich nicht gegenseitig.

Acho que você gosta

Origin blog.csdn.net/weixin_47541876/article/details/124624940
Recomendado
Clasificación