隠しテキスト「text-indent:-9999px;」を使わずに簡単に画像をロールオーバーする方法 - ホワイトベアー株式会社サイト制作で、ボタンやヘッダー部分に設置したナビゲーションリンクの画像を、マウスオンでアクションを付けるのが一般的だと思います。 これには、マウスポイントを画像に合わせた時に動きが出ると、思わず押したくなる・・・という人間の心理を突くのに効果的であるからです。 この手法を実装するのに、よく使われる方法がCSSで「text-indent:-9999px;」を設定するやり方です。 この「text-indent:-9999px;」というのは、そこに書かれたテキストを-9999px分だけ枠外に飛ばすということです。 <ul> <li><a href="https://whitebear-seo.co.jp/">ホワイトベアーSEO</a></li> </ul> ＜CSS＞----------------------------------------------------------------
