
パソコンなどのホームページを見ていると、マウスを当てると色が変わったりするサイトがけっこうあると思います。いわゆるマウスオーバーさせてるってやつです。
自分でやってるサイトでも、マウスオーバーで色を変えたりしていたのですが、
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で...
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLページが勝手にダウンロー...
-
DreamWeaverのメリットが分かり...
-
iPadの標準ブラウザでローカルH...
-
HTMLからフォルダを開きたい
-
HTMLで別PCのフォルダを開く
-
インラインフレームの中に表示...
-
「SHTML」というhtml暗号化ソフ...
-
googleドライブで、PDFファイル...
-
Dreamweaverでページ全体が文字...
-
一つのリンクに複数のURLを指定
-
.htmと.htmlの違い
-
リンク先のURLが毎日変わる場合...
-
バイナリエディタの自作
-
URLの日付について
-
見れる方・・
-
文字化けを故意に表示したい
-
フレームを使ったページの一部...
-
フレームの片方だけを更新(リロ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページを作っているので...
-
ホームページ、iPadやiPhoneで...
-
シミュレーターとエミュレータ...
-
携帯電話用のサイトを作りたい
-
端末の違いによってページを切...
-
HTML5+CSS3導入タイミングは?
-
平均的なウィンドウサイズとは?
-
コピペでbitmapを配置してくれ...
-
ホームページを作成し、インタ...
-
デザイナーの方にWEBデザインを...
-
スマートフォン用のサイト作成...
-
携帯電話用HPの作成方法
-
WEBサイトの画面サイズ表示につ...
-
バリアフリーなサイトで、フレ...
-
スマートフォン制作の画像サイ...
-
HTMLでスクロールバーを禁止に...
-
スマホのために再度、サイトを...
-
ホームページ作成について!
-
エラーが出ます
-
IE8は切り捨てても構わないのか
おすすめ情報