web関連

画像をoverflowで隠したときのリンク範囲の制御

画像をoverflowで隠したときのリンク範囲の制御

imgタグ使って埋め込んだ画像をcssの「overflow:hidden;」で隠してリンク貼ったら、スマホでクリックすると後ろの画像の形がちらっと映るのがなんか嫌なので調べたときの備忘録

現象

↓スマホでタップしたときにoverflowで隠した後ろの画像が反応するのが嫌だ(直したい)

imgタグにcss「pointer-events」プロパティを指定

画像に以下のcssを指定すれば直ります

img{
	pointer-events: none;
}
↓直った

過去にもpointer-events: none;使ってた

「pointer-events」プロパティ これを前面に設置した要素に指定すれば、背面のaタグクリックできます。 .前面要素{ ...

javascriptでaタグのリンク遷移を無効化する方法 aタグにjavascript:void(0)を設定するだけでok ...

gifアニメーション作ってみたけどうるさいな
▼gifアニメーション作ったサイト(ダウンロードするのに会員登録必要)
https://gifs.com/
細かい調整はphotoshopでやった。