.hogehoge { pointer-events: none; } 例えば商品ページの商品画像にリンクが貼ってある状態で、 その商品が売り切れになり、商品画像の上に「売り切れ」などの文字が入ったの画像を .soldout { position: relative; } .soldout:after { content: "" display: block; background: (soldout.png) no-repeat; background-size: cover; position: absolute; top:0; left:0; } とかで表示した場合。 商品画像リンクの上に画像があるためリンクをクリックできませんよね。 こんなときに売り切れ画像をすり抜けてリンクをクリックできるようにするのが pointer-events: none; です。 このスタイルを指定すると