画像にマウスオーバーした時、CSSで半透明の白を乗せる方法 | 696graphic[BLOG]この記事は公開から1年以上前のものです。 内容が古く、現在では推奨されていない方法の可能性もありますのでご注意ください。 画像にリンクしてマウスオーバーした時に、CSSで画像に半透明の白を重ねたいなーと思い色々と試してみました。 以下がそのサンプルですが、実際には半透明の白を重ねているわけではなく、画像の透明度を変えて表現しています。 背景が白だと、透明度変えるだけなのでいいですね。 html <a href="#"> <img src="https://blog.696.jp/images/2013/06/20130624.png" alt="マウスポインタをここにもってきてごらんよ" width="234" height="60" class="hover_img1"> </a>
![画像にマウスオーバーした時、CSSで半透明の白を乗せる方法 | 696graphic[BLOG]](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
