REDLINE MAGAZINE | CSSだけでリモートロールオーバーREDLINE MAGAZINEトップページへ

すべてのエントリを見る

CSSだけでリモートロールオーバー

リンクテキストやボタンの部分と離れた所にある画像を、hover時にcssだけで差し替えようという主旨。以前はjavascriptを使って同様の事をしてたんだけど、なんとなくcssだけでもできそうな気がしたので実験。なんとなくうまくいった。

>>RedLine Magazine::CSSでリモートロールオーバー サンプル

使いどころとして考えてたのは、トップページなんかでナビボタンにマウスを合わせた時にイメージ画像の差替えを実現させてるああいう方法の代替方法としてどうかな、と。他にもいろいろ使い道はありそう。

<< bodyにfont-size:62.5%を指定すると・・・ | CSSでリモートロールオーバー実践編 >>

トラックバック

このエントリーのトラックバックURL:
http://redline.hippy.jp/cgi/mt/mt-tb.cgi/110

このページの一番上へ

その他の情報など

最近のコメント

PHP オブジェクト指向の勉強
  • Red - 2010.01.08
  • hogepage - 2010.01.21
  • Red - 2010.01.22
  • - 2011.11.27
  • houseiii - 2011.11.27
Fireworks トリミング画像を一括書出 CS4編
  • Iper - 2009.06.27
  • Red - 2009.06.27
  • mala - 2011.11.17
  • Red - 2011.11.18
jQueryでボックスを上下左右中央に簡単配置
overflow を使用したボックス背景のこと
  • - 2007.12.13
  • Red - 2007.12.13
  • - 2007.12.13
  • Red - 2007.12.13
  • hj - 2011.09.23
IE6 → 透過PNG+overflow=混ぜるな危険(追記有)

メッセージを送る

こちらのメッセージ送信フォームは閉鎖させて頂きました。
御用の方は新しい方のブログ にコメント頂くか、 連絡用のフォーム もありますので、そちらからご連絡ください。