ホバー(hover)した要素に白背景(透過)の擬似要素を被せる

[ ID : 6799 ]
ブロンズ
ホバー(hover)した要素に白背景(透過)の擬似要素を被せる

概要

対象要素をホバーした際に、白背景(透過)の擬似要素を対象要素の上に表示させる方法を紹介。

用途・要件

  • hover時に対象要素の親要素の背景が透けて見えるのを避けたい場合などに使用。
  • hoverで白背景(透過)の擬似要素を上に被せる事で透過させているように見せる。

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)
  • IE11

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

全ての記事を見る

KONOCODEのメリット 無料会員登録