亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

In iOS16 kann der Z-Index auf dem Safari iPhone nicht wirksam werden
P粉346326040
P粉346326040 2023-08-25 20:33:05
0
1
771
<p>Ich habe eine Navigationsleiste, die im mobilen Modus, z. B. auf dem iPhone in Safari, diese Klasse <code>navbar-mobile</code> auf das Navigationselement anwendet. </p> <p>Aber irgendwie wird die Navigationsleiste oben nicht angezeigt. </p> <pre class="brush:php;toolbar:false;">.navbar-mobile { Position: fest; oben: 0; rechts: 0; links: 0; unten: 0; Hintergrund: rgba(0, 0, 0, 0,9); übergang: 0,3s; -webkit-transform: Translate3d(0,0,0); Z-Index: 999 !important; -webkit-overflow-scrolling: auto !important; Rand oben: 0; }</pre> <p>Dies geschieht in allen Abschnitten. Diese Teile befinden sich im Inneren des K?rpers, wobei die Tsparticles-Komponente wie unten gezeigt angewendet wird. </p> <pre class="brush:php;toolbar:false;">section { übergang: Easy-in-out 0,3 s; Position: relativ; H?he: 100 Vh; Anzeige: Flex; align-items: center; Z-Index: 997; überlauf-y: auto; } <body id="tsparticles"></body> K?rper { Schriftfamilie: ?Open Sans“, serifenlos; Hintergrundfarbe: #040404; Farbe: #fff; Position: relativ; Hintergrund: transparent; Z-Index: -1; -ms-overflow-style: none; /* IE und Edge */ scrollbar-width: none; /* Firefox */ Breite: 100 vw; H?he: 100 VH; } /* ---- tsparticles Container ---- */ #tsparticles { Breite: 100 %; H?he: 100 %; Z-Index: -1; }</pre> <p>Ich habe versucht, <code>-webkit-transform: Translate3d(0,0,0);</code> zu verwenden, aber leider kann ich das Problem nicht l?sen. Dies funktioniert in anderen Browsern, das einzige Problem besteht mit Safari auf dem iPhone. </p>
P粉346326040
P粉346326040

Antworte allen(1)
P粉428986744

我們?cè)贗OS 16的所有瀏覽器上遇到了類似的問題。嘗試將z-index的值設(shè)置在0-9之間。這對(duì)我們解決了問題。

.navbar-mobile {
  position: fixed;
  top: 0;
  .
  .
  z-index: 9;
}

section {
  transition: ease-in-out 0.3s;
  position: relative;
  .
  .
  z-index: 5;
}

body {
  font-family: "Open Sans", sans-serif;
  background-color: #040404;
  color: #fff;
  .
  .
  z-index: -1; //(或者嘗試1)
}
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage