
パソコンなどのホームページを見ていると、マウスを当てると色が変わったりするサイトがけっこうあると思います。いわゆるマウスオーバーさせてるってやつです。
自分でやってるサイトでも、マウスオーバーで色を変えたりしていたのですが、
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で...
-
iPadの標準ブラウザでローカルH...
-
HTMLの編集について
-
フォルダにはダミーでもindex.h...
-
java_run.batがダウンロードで...
-
HTMLからフォルダを開きたい
-
「SHTML」というhtml暗号化ソフ...
-
根号の書き方について
-
見れる方・・
-
社内で利用するWebサイトを立ち...
-
Dreamweaverでソースが文字化け...
-
フレームの片方だけを更新(リロ...
-
lang 英語と日本語など混ざる時は
-
Excelで、社外秘(閲覧のみ)と...
-
インラインフレームの中に表示...
-
css ,videotタグ。ホームページ...
-
FC2にアップしたホームページの...
-
HTMLで別PCのフォルダを開く
-
「x-sjis」「Shift_JIS」同じ意...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページを作っているので...
-
ホームページ、iPadやiPhoneで...
-
シミュレーターとエミュレータ...
-
携帯電話用のサイトを作りたい
-
端末の違いによってページを切...
-
平均的なウィンドウサイズとは?
-
HTML5+CSS3導入タイミングは?
-
コピペでbitmapを配置してくれ...
-
ホームページを作成し、インタ...
-
デザイナーの方にWEBデザインを...
-
スマートフォン用のサイト作成...
-
携帯電話用HPの作成方法
-
WEBサイトの画面サイズ表示につ...
-
スマートフォン制作の画像サイ...
-
バリアフリーなサイトで、フレ...
-
HTMLでスクロールバーを禁止に...
-
携帯HPナノ ナノという文字につ...
-
ホームページ作成について!
-
IE8は切り捨てても構わないのか
-
CMSのRCMS、JoomlaのSEOについて
おすすめ情報