0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【CSS】Linkがうまく機能しない時

Last updated at Posted at 2021-09-01

概要
HTMLでLinkタグを使用した際に、カーソルを合わせても矢印がポインターにならず、クリックもできない。

原因
Linkバーと画像を横並びに配置させるために、各要素にposition:fixed, absoluteを適用したことで
Link要素の上に画像要素が重なり、クリックできなくなっていた。

対処法
CSSで各要素にz-index(Link要素に"2", 画像要素に"1")を指定し、Link要素を画像要素の上に再配置することで解決した。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?