HTML
CSS

画像リンクのときに暗い背景でも明るくホバーした

More than 3 years have passed since last update.

暗い背景をホバーでopaticyかけると、画像が暗く透過されてしまう。

そういうときに明るく透過させたい。

四角の画像の場合なら、このやり方でOK。

四角以外だと余白できるので、その場合は???まだわからん。


html

<a href=""><img src="" /></a>



css

a{display:inline-block; background:#fff;}

a:hover img{opacity:0.8;}

http://hiyokoti.thick.jp/blog/web/hover-background-black.html