みかづきブログ・カスタム読者になるみかづきブログ・カスタム基本的にはちょちょいのほいです。visible;}という処理を行うと、SafariとChromeで挙動が変わってきます。DEMOChrome、Firefoxでは赤い四角、つまり、子要素の背景色でレンダリングされますが、Safariでは黒い四角、つまり、親要素の背景色でレンダリングされます。感覚的にはChrome、FIrefoxのレンダリング結果があっている気がします。ちなみにSafariの挙動はChromeで子要素のbackface-visibilityをhiddenにした際の挙動と一緒です。visible;}とすると赤い四角がレンダリングされるようになります。visible;}これでも解決します。背景色はさらに親の要素につけるなどすれば良いでしょう。ものすごくレアケースな気もしますが、今日一番ハマったポイントなので、記事にまとめました。どこかで誰かの役に立てば幸いです。20:04フリーランスのフロントエンドエンジニアです。(1)その他プライバシーポリシーはてなブログをはじめよう!kimizukaさんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。