概要
マウスオーバーで透過した際に、背景(親要素)が透けて見えないボタンの実装方法。用途
- マウスオンした要素を透過(opacity)させる。(PC時のみ)
- 透過した際、その要素の背景が透けて見えないようにする。
- ホバー要素は画像(img要素)、背景処理などコンテンツに依存しない。
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
- IE11
実装方法
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)