IE11で背景画像が表示されなかったのはmainタグが原因だった

サイトの表示チェックをしていたら、IE11で背景画像が表示されていませんでした…。原因を探ってみると、IE11では未サポートのmainタグに、背景画像を設定していたから。

ということで、下記CSSを記述して対応しました。

main {
  display: block;
}

参考サイト

• <main> – HTML | MDN
• IE11で背景画像が表示されない時の対処法 – Memorandums