• ベストアンサー

スマートフォン用Webサイトの<a>タグについて

Yahoo!などのスマートフォン用に最適化されたサイトについての質問です。 Yahoo!のサイトをスマートフォンで開き、リンクをタップするとタップしたリンクの部分に色(背景色)がついて、どこがタップされたかわかるようになってると思いますが、普通に<a>タグでリンクを張っただけではこれが実現できません。どうしたらタップしたリンクに色をつけれるのでしょうか、わかる方いらっしゃいましたらよろしくお願いします。

  • CSS
  • 回答数1
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • totomac
  • ベストアンサー率53% (53/99)
回答No.1

回答がつかないようなので、ヒントだけですが・・・。 webkit-tap-highlight-color で、検索してみてください。

marheven
質問者

お礼

HTMLなのかCSSなのか実機の問題なのかすらわからず困ってました。助かりました、ありがとうございます。

関連するQ&A

  • スマートフォン用WEBサイトでの音楽

    訪問すると自動で音楽が流れるサイトを作成しています。 <embed>タグで携帯サイトやパソコンサイトではうまくいくのですが、 スマートフォンでは再生してくれません。 スマートフォンWEBサイトで自動音楽再生はどのようにやって実現できるのでしょうか? どうか、回答よろしくお願いいたします。

  • <A>タグについて

    こんにちは。 質問させてください。 <A>タグを使用してリンクをはった部分にアイコンを 載せるとマウスカーソルを変更したいと 考えました。 <A HREF="######" style="cursor:move"> などで変更ができるのですが、 この変更させるカーソルを自分で作成した アイコンなどで表示したい場合はどのようにすれば いいのでしょうか? すみませんが、宜しくお願い致します。

    • ベストアンサー
    • HTML
  • リンクのタグの事で

    今晩は、質問させていただきます。 パソコンのサイトで、ページをリンクさせたいのですが、 私が使用しているタグを使うと、必ず下線がでて紫色になってしまいます。 下線を無くして色も指定したいのですが、どうすればいいのでしょうか。 教えてください。 説明が不十分でしたら、すみません。 使用タグはこれです→<a href="URL">リンクしたい所の名前</a>

  • <a>タグのテキストを取得

    jqueryを使っています。 $('a');を使用しページ内のaタグを全て抜き出すと hrefの属性値が表示されてしまい、取り出したい<a>タグに 囲まれたテキストを取得することが出来ません。 <a href="http://yahoo.co.jp">Yahoo!</a> <a href="http://google.co.jp">Google</a> 取り出したい内容は「Yahoo!」及び「Google」のテキスト部分です。 恐らく簡単な内容だとは思いますがご教授お願い出来ますでしょうか?

  • HTMLの<a>タグで、あるリンクを作成しています。

    HTMLの<a>タグで、あるリンクを作成しています。 今、javascriptでこの<a>タグに最初にフォーカスをあてたい(TAB遷移させたい) のですが、実現のやり方が分かりません。 ご存知でしたら、ご教授お願い致します。

  • a:linlk BOXの背景に色をつけたい

    http://www.boxicon.com/のサイトのようにリンク部分にカーソルを合わせたときに背景の色が変わるようにしたいです。 自分でいろいろやっているのですが「a:hover」などを使っても文字の周りの背景部分だけは色が変わるのですが、自分は文字部分だけではなくて該当サイトのようにBOXの部分ごと背景色が変わるようにしたいのです。 どのようにソースを書けばよいのでしょうか? また参考になるページなどがあれば教えてください。

    • ベストアンサー
    • HTML
  • IE8のタグについて?

    新しくIE8にしてみました。 そこで、サイトによっては  ネットをしている時にまず、画面上部分にタグがでますね。 するとタグに色がついている場合があります。 これは サイトの方が独自につけているものなのでしょうか? また、サイトによっては色がついていないタグや ついているタグがありますが・・。

  • Aタグがスクロールしないと有効にならない

    メニューページから内容のページにnameを使ってリンクさせているのですが、 開かれたページの指定されたname部分に飛ばず、普通にページが開いてしまいます。 しかもこの内容のページの一番上部にはメニューページに戻るリンクもあるのですが、それも全く反応ナシで カーソルを合わせてもカーソルが変わらずクリックしても無反応です。 それなのに何故かその内容ページのスクロールバーに触れると突然nameもメニューに戻るリンクも正常になります。 これは何が原因なのでしょうか? ページ自体が重いので読み込みに時間がかかるのかとも思ったのですが ページ全体で15k程度で画像は使っていません。 CSSを多用しています。 Aタグと相性の悪いタグやCSSがあったりするのでしょうか? 色々CSSを外してみたりもしたのですが直りません。 どうかお知恵をお貸しください(T-T)

  • i-modeサイトのタグについて(xhtml)

    今週からi-modeサイト作成の勉強をはじめ、 下記のサイト作成をしています。 http://www.ismn.sega.co.jp/i/m/?uid=NULLGWDOCOMO だいたいそのまま作成することが出来たのですが、 リンクの下線を1つ1つ別の色にするやり方が分かりません。 例えば、 <a href=""><span style="color:#ff0078;font-size:small">歌詞</span></a> のように、フォントの色がff0078だった場合 リンクの下線の色もff0078に <a href=""><span style="color:#ff0078;font-size:small">カラオケ</span></a> のように、フォントの色が14A0BE場合 リンクの下線の色も14A0BEにしたいといった具合です。 このように全体のリンクの下線の色を 設定するやりかたしかわかりません。 <style type="text/css"> <![CDATA[ a:link{color:#0000ff} a:visited{color:#0000ff} ]]> </style> ちなみに、CSSは分かりません・・・ 丸暗記で、上記のようにすれば、下線の色が設定できる のを知っている程度です。 普通のxhtmlではなくi-mode対応のタグを教えていただければと思います。 分かる方がいましたらよろしくお願いします。

  • スマートフォンでWebサイトの背景画像が縮小する

    お世話になります。 現在自社にて公開しているWebサイトがあるのですが、背景にはかなり大きめの一枚画像(2500×2500px)を使用しています。そのせいか、iPhoneやiPadなどのスマートフォン関連の端末で閲覧してみると背景だけ縮小して表示され、レイアウト的に少しおかしなことになります。 これは解決する方法はあるのでしょうか。ネットで少しだけ調べてみましたら、背景画像は大きな画像は使わず、小さな画像をrepeatして使用するようにということでした。 それで質問なのですが、スマートフォン向けの画像とCSSを別途用意して、スマートフォンなどで閲覧するユーザーだけにCSSを適用する、そういったことは可能なのでしょうか。 もし可能ならどのように記述すればいいのか教えていただけないでしょうか。 よろしくお願い致します。

    • ベストアンサー
    • CSS

専門家に質問してみよう