[携帯]画像リンクフォーカス時の各キャリアの表示

by sakaki0214[Mobile]
2009-07-13 01:10:19

画像リンクを選択した時(フォーカス時)の各キャリアの表示をまとめてみました。

画像の内側に枠線が表示されたり、外側に表示されたり、2pxだったり3pxだったりと各キャリア、機種によってバラバラです。
画像ギリギリにスライスするときはちょっと注意が必要かなーと思います。

<画像:>
サンプルページ
http://sakaki0214.com/sample/090709/index.xhtml

今回サンプルに使った画像は以下の2つ。

枠線が3pxの角丸画像です。

<画像:>

<画像:>

下の画像は1番目の画像の外側に、背景色と同じ色の余白を上下左右3pxとってます。

それぞれの画像リンクを選択したときの表示は以下の通りでした。
ちょっと分かりにくい画像ですが...ご了承ください。
もっと角丸にしないと分かりにくいですね。

docomo(F-08A、F-01A)

<画像:>
<画像:>

白い枠の外側に青い枠線が表示される (画像の内側に3px:青2px+白1px)

au(CA001)

<画像:>
<画像:>

指定したリンク色が枠線に表示される (画像の外側に2px?1px?)

au(A5514SA)

<画像:>
<画像:>

青い枠線のみ (画像の内側に2px)

sb(913SH)

<画像:>
<画像:>

青い枠線 (画像の内側2px)

なので、小さいボタン画像をギリギリにスライスしてしまうと、文字が枠線と重なって見えない!ということも発生するので少し余白をつけてスライスしてます。

ちなみに、htmlの場合でも同じです。

<画像:> http://sakaki0214.com/sample/090709/index.html

[*]前の記事 | [#]次の記事
TOP

コメント(3)

Powered by MT4i 3.0.8X1
携帯アクセス解析