自分のポートフォリオをsafariで見てみたら、モーダルを開いた時にチラツキが出ているのを発見。
モーダルの実装にはプラグインのiziModalを使用しています。
こんな感じ
解決策
.iziModal-overlay クラスに対して
-webkit-transform:translateZ(-1000px); を付与します。
cssはこんな感じになります。
.iziModal-overlay{
display: block;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-transform:translateZ(-1000px);
/* ↑これを追加！↑ */
}なんか力技っぽい気がしなくもないですが、とりあえず解決しました。
