ロールオーバー(マウスを合わせたときに画像を変える方法) - パソコンＱ＆Ａ
ロールオーバーと呼ばれるものです。 マウスオーバーとも呼ばれます。 スタイルシート[CSS]を使う方法(1) JavaScriptを使わない、IMGタグとスタイルシートだけのロールオーバー 簡単に説明すると、背景にロールオーバー後の画像を置いておき、マウスが重なったときにはIMGを消してしまうという手法です。 背景として画像が読み込まれているのでキャッシュもされます。 Windows IE5～ Mac IE5 Firefox Netscape7 Safari Opera7～ 対応 (～Opera6はロールオーバーしない) <p><a href="./"><img src="img2.gif" alt="テスト" width="100" height="40"></a></p> p { /*Aタグに高さや幅を指定することが出来ないので親領域で指定する*/ width:100px; heigh
CSS：マウスオーバーで背景画像を入れ替える
CSS のお勉強：マウスオーバーで背景画像を入れ替える a 要素をプロック化し、疑似クラスを使って、背景画像を入れ替える。 使用している画像 a:link a:visited a:hover a:active img テキストリンクに疑似クラスを使う クリックしる 未訪問 ソース <p class="Reg"><a href="Over.html" title="クリックしる">クリックしる</a></p> <p class="Reg"><a href="urn:nai:1234" title="未訪問">未訪問</a></p> スタイルシート p.Reg a{ display : block ; width : 100px ; padding-top : 100px ; text-align : center ; background-repeat : no-repeat ; ba
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
