Control colors of background to be highlighted by taps on mobile Safari of iPhone

iPhone に搭載されている mobile Safari では、JavaScript を使ってタップイベントを作ると背景に影が付き、参照タグのタイトル属性を「アクション」という見出しで吹き出し風に表示する。

インタラクションをユーザーに通知する方法として２通り存在するのは冗長だと感じたので、背景処理をなんとかしようと決めた。

iphone onclick shading – iPhoneWebDev | Google グループ
To disable tap highlight for an element add to its style
the following CSS tag: -webkit-tap-highlight-color:rgba(0,0,0,0);

“-webkit-tap-highlight-color” という属性を知らなかったことはさておき、”rgba” を使いアルファ値を “0″ にしている点に注目だ。しかしこのアルファ値は面白いことに、0 かそれ以外の値しか取らないようだ。これはもしかして Safari 4 で有効になるかもしれないので今後のアップデート（今週火曜の3.0で？）に期待する。