タグ: SCSS

IE11はホントにMost FuckableなWeb Browserですね。HAHAHA。

◆結論

pointer-events:none; したい要素の z-index を奈落に叩き落とす。

↓こんなん

a{
  pointer-events: none;
  //FUCK IE11
  z-index: -1145141919810;
}

実際のところ「-1」とかでいいよ。あとコードにFuck的なワードを入れて納品すると上長にガチビンタされるから気を付けよう。（114514敗）

▼追記：2019/4/12

「img」の上に「a」を置いてたんだけど

• 「a」のdisplayをblockにして
• imgのmarginを0

にしたらz-indexいじらんでも効くようになった。イミフ。

▲追記以上

◆理由

知らん。知らねぇのもそうだけど知りたくもない。気色悪い。クソ気色悪いことが起きているのは分かる。

「いや…まさか…」と思いながら試したら効いたから、もう耳から血が出たよね（驚き）

noneが効かなくなる条件の最小構成を作ろうと結構頑張ったんだけど再現不能だった。
どうしても駄目だった人は試してみてくれ。

ア！壊れたァ！（レイアウト）

IE死ね

◆結論

autoprefixer：options

◆登場人物

• IE11
  そびえ立つクソブラウザ。人間の屑。稀代のゴミ。人類の敵。
• grid
  CSSのプロパティ。便利。便利というか、正しい。
• autoprefixer
  CSSの実装がブラウザごとに違うから、そのへんの違いをバベる。
• a
  アンカー要素。そして、どインラ（イ）ン要素。

続きを読む