ホームページ、iPadやiPhoneでのマウスオーバーついて

パソコンなどのホームページを見ていると、マウスを当てると色が変わったりするサイトがけっこうあると思います。いわゆるマウスオーバーさせてるってやつです。

自分でやってるサイトでも、マウスオーバーで色を変えたりしていたのですが、
iPadではマウスオーバーがないので、ちゃんと動きません。
タップすると何も色が変わらずにリンク先のページに移動し、元のページに戻ると、タップした部分が色だけ変わっている状態になります。動作としておかしいです。

他の有名ショップサイトでは、iPadでも指を当てると色がかわって、ちゃんと動作するように作ってありましたが、そもそも、iPadなどでマウスオーバーの動作って、必要なのでしょうか？

iPad,iPhoneではマウスオーバーの処理は使用しない方がいいのでしょうか？

No.2 回答者： oshietejoe 回答日時： 2015/04/21 23:11

戻ったらリンクの色が変っているのは、visited　で色を指定しているからだとおもいますが、これはマウスとは直接関係ないです。

hoverアクション（マウスオーバー）が必要かどうかはこちらが参考になるとおもいます。
http://takahashifumiki.com/web/design/1280/

私も使用上タッチスクリーンではhoverはあまり意味がないとおもいます。

この回答へのお礼

ありがとうございます。
visited　ですか、、検討してみます。

お礼日時：2015/04/22 10:44

No.1 回答者： ORUKA1951 回答日時： 2015/04/18 18:49

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"である端末は同じ動作をするに過ぎない。

この回答へのお礼

ありがとうございます。考えとしてはそうですね。対策をしてみます

お礼日時：2015/04/22 10:44