kuronekopunk https://blog.hatena.ne.jp/kuronekopunk/ ノンカフェインであなたにやさしい https://akinobu.net/ CSS モーダルやチュートリアルなどを実装していてiOS Safariだけ z-index が正しく効いていない状況があった。 簡単なサンプル codepen.io z-index の大きい要素の親に以下が設定されていると z-index が前面に来てくれないよう。 -webkit-overflow-scrolling: touch; overflow: auto; 現状どちらかのプロパティを消すor別の値にするの２つで解消できた。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fakinobu.net%2Fentry%2F2020%2F07%2F15%2F234530" title="iOS Safariでz-indexの親に -webkit-overflow-scrolling: touch; overflow: auto; が設定されているとz-indexが正しく効かないバグ - ノンカフェインであなたにやさしい" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2020-07-15 23:45:30 rich https://akinobu.net/entry/2020/07/15/234530 1.0 100%