Zenn
Open2

Web制作Tips（IE）

IE
Ko.YelieKo.Yelie

z-index にネガティブ数値（-1以下）を入れるとバグが多いらしい。
基本的に1以上の値だけ使ったほうが無難。

Ko.YelieKo.Yelie

IEでは querySelectorAll で取得した要素の配列に forEach を使うとエラーになってしまうので、以下のようにしてエラーを回避する。

const elements = document.querySelectorAll('.example')
Array.prototype.forEach.call(elements, (el, i) => {
  el.addEventListener()
})

ポリフィルを入れればエラーにはならない。
以下のコードもポリフィルの代わりとなる。

if (window.NodeList && !NodeList.prototype.forEach) {
  NodeList.prototype.forEach = Array.prototype.forEach;
}