【備忘録】iOSで角丸マスクが無効にされてしまったときの対処法

こんにちは、ワタナベです。

今回は、

iOSで「border-radius」「overflow:hidden」を使用した角丸マスクが無効になってしまったときの解決策の備忘録です。

実装できた！と思ったらiOSでは無効になってたのでびっくりでした。

が、簡単に解説できますのでご安心を。

親要素に「z-index」を指定してあげるだけでiOSでもマスクされるようになります。

↑PC上ではどちらも正常に見えていると思います。

上が何もしていないもの、下が「z-index」を指定したものです。
iOSをお持ちでしたら確認してみてください(*‘ω‘ *)

▼THANKS！

それではまた次回。

ご閲覧ありがとうございました♪