最近、クロスブラウザで画像と動画にマスクをかけるという案件がありまして、IEに呪いの言葉をぶつけながら解決したので、そのメモです。 ちなみに私は、フロントエンドエンジニアではなく、バックエンドエンジニアでもなく、ただのプログラマなのでCSSまわりとかおかしいところあるかもしれませんが。 なお、当記事は、The Nitty GrittyというサイトのChristian Schaeferさんが書いたThe Nitty Gritty: CSS Masks – How To Use Masking In CSS Nowという記事をものすごく参考にしています。 はじめに なにをしたいかは、マスクテスト (Masking Test Script)を見ていただければ分かります。 (サンプルの画像がなぜネコ科のアレかというと、Schaeferさんの記事があのネズミだからです) つまり 「画像を2枚重ねて、