CSSでのロールオーバーについての質問です。
通常時A
ロールオーバーB
クリック時C
この3つの画像を使ってメニューをロールオーバーさせたいのですが、
クリック時に切り換えさせる術を知らず、困っております。
a:link,a:visited{background-image:url(通常時A);
a:active,a:hover{background-image:url(ロールオーバーB);
でロールオーバーさせることは出来たのですが、クリック(Onclick)時に画像を切り換えることは、CSSで可能なのでしょうか。
宜しく御願い致します。
No.1ベストアンサー
- 回答日時:
a:link 未訪問
a:visited 訪問済
a:hover マウスが乗った時
a:active クリックした時
です。
この順番で記述して下さい。
CSSは同じスタイルが記述された場合は後に記述したのが優先されるので、
a:active
a:hover
の順番で記述すると、activeがhoverに打ち消されてしまいます。
参考URL:http://allabout.co.jp/internet/hpcreate/closeup/ …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- 債券・証券 年末に来る証券会社からのNISAロールオーバー申込みについて 4 2022/11/12 08:01
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- 株式市場・株価 来年の新NISAまで待った方がいいの? 4 2023/03/09 07:58
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- 日本株 NISA口座から特定口座への移管 2 2022/09/13 22:27
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
htmlソース編集で、各タグを何...
-
スマホでHTMLファイルを開いて...
-
疑似要素で背景画像に指定したS...
-
cssが効かなくて困ってます
-
書籍を見つつサイト造りの練習...
-
静止画画像をクリックすると音...
-
メモ帳の段落の揃え方
-
URLにアクセスした際に指定した...
-
角丸画像の背景色を透明にした...
-
CSSファイルの日本語コメントが...
-
CSSが上手く反映されないみたい...
-
プログラミングの勉強が進みません
-
テキストを画面の真ん中に配置...
-
goo は、放置?
-
CSSデータの作成方法について(...
-
HTMLの CSSのファイルというの...
-
初心者html・CSS ウィンドウを...
-
pythonに自分で作ったHTMLを、...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
VBのPictureBoxで画像をドラッ...
-
デスクトップにある画像のパス...
-
HTMLの画像自動更新について
-
ApacheのBasic認証のログの取り方
-
JANコードを検索出来るサイト
-
google.co.jpはホスト名ですか?
-
SQLConfigDataSourceについて。
-
ブログやホームページを毎日更...
-
グーグルで検索順位が上がると...
-
SEOの検索順位について 例えば...
-
ikeyとは何ですか?
-
Basic認証のパスワードをユーザ...
-
外部の別ホストからのPOST送信...
-
HTTPのBasic認証に自動ログイン...
-
proxyの負荷テスト実施方法
-
検索したときに出るサブタイト...
-
着うたフルが無料で取れる掲示...
-
Linuxのエラーログ内容の意味に...
-
URLのwww部分の省略?
-
Google アラートみたいなサイト...
おすすめ情報