
パソコンなどのホームページを見ていると、マウスを当てると色が変わったりするサイトがけっこうあると思います。いわゆるマウスオーバーさせてるってやつです。
自分でやってるサイトでも、マウスオーバーで色を変えたりしていたのですが、
iPadではマウスオーバーがないので、ちゃんと動きません。
タップすると何も色が変わらずにリンク先のページに移動し、元のページに戻ると、タップした部分が色だけ変わっている状態になります。動作としておかしいです。
他の有名ショップサイトでは、iPadでも指を当てると色がかわって、ちゃんと動作するように作ってありましたが、そもそも、iPadなどでマウスオーバーの動作って、必要なのでしょうか?
iPad,iPhoneではマウスオーバーの処理は使用しない方がいいのでしょうか?
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
戻ったらリンクの色が変っているのは、visited で色を指定しているからだとおもいますが、これはマウスとは直接関係ないです。
hoverアクション(マウスオーバー)が必要かどうかはこちらが参考になるとおもいます。
http://takahashifumiki.com/web/design/1280/
私も使用上タッチスクリーンではhoverはあまり意味がないとおもいます。
No.1
- 回答日時:
a:link'{}
a:visited{} /* 上記と排他的 */
a:focus,a:hover{}
a:active{}
で良いはずですが・・
a[href]:link{background-color:silver;}
a[href]:visited{background-color:gray;}
a[href]:focus,a[href]:hover{background-color:yellow;}
a[href]:active{background-color:orange;}
>そもそも、iPadなどでマウスオーバーの動作って、必要なのでしょうか?
というより、
【引用】____________ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
ですから、media="screen"である端末は同じ動作をするに過ぎない。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ホームページ、iPadやiPhoneで...
-
HTMLからフォルダを開きたい
-
Excelで、社外秘(閲覧のみ)と...
-
ソースの追加行数と変更行数
-
iPadの標準ブラウザでローカルH...
-
リンク先からリンク元の、同じ...
-
テキストエディタvscodeでプロ...
-
どのページもすべて同じURLなの...
-
htmlファイルの表示が真っ白
-
絶対パスのルートをサブディレ...
-
Webサイトから、txtファイルを...
-
HTMLメール内のコメント
-
httpdで接続が拒否される
-
ゲームプログラマーになるため...
-
form action="#"
-
【HTML】1クリックで複数ファイ...
-
HTMLの<a>タグで [テキスト文(....
-
IEでjsp形式のファイルをダウン...
-
医療画像(Windows用)をMacで...
-
java_run.batがダウンロードで...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページを作っているので...
-
ホームページ、iPadやiPhoneで...
-
スマホ向けサイトのつくりについて
-
画面は固定と可変のどちらがい...
-
サイトについての質問です。
-
ホームページの作成の進め方
-
スマホだけメニューが開く設定...
-
携帯HPナノ ナノという文字につ...
-
モバイルサイト作成
-
レスポンシブ 横1080px高解像度...
-
特定のページだけスマホに分岐...
-
IE9以下の場合は別ページを表示
-
どれくらいのブラウザに対応で...
-
HPサイトとスマホサイトの同時作成
-
HTMLは必ず使われてるので...
-
検索順位に詳しい方
-
ホームページ制作、SPサイトの...
-
自動でキーワードをリンクする...
-
iphone/android WEB制作について
-
携帯振り分け
おすすめ情報