2014/02/05

[CSS]-webkit-touch-calloutについて

iPhone、iPadで画像を長押ししたときに、画像の保存が聞かれるのですが、これを回避する方法があったようです。

iPhoneサイト向けCSSサンプル(CSS3)によると-webkit-touch-callout属性にnoneを設定すればいいようです。

さらに、CSS property: -webkit-touch-calloutを見ると、初期値はdefaultのようです。

以上を考慮して、下のようコーディングしてみました。

<style>
#hoge{
   -webkit-touch-callout:none;
}
</style>
<div id="bar">
  <img src="">
</div>
<div id="hoge">
  <img src="">
</div>
確かに、1番目の画像は、保存を聞かれましたが、2番目は聞かれなかった。

これは便利だー。

0 コメント:

コメントを投稿