文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>模拟:悬停和纯双点击移动设备的CSS

模拟:悬停和纯双点击移动设备的CSS

时间:2011-01-08  来源:笨娃娃

当建立在诸如iPhone的iPad,设备的移动Web应用程序,和Android你失去了心爱的CSS:悬停财产的事情,这样可以更容易创造。克里斯Coyier一直在探索如何应对单,双点击仍然使用纯CSS,即使我们没有:悬停。

对于单一的点击,克里斯发现,你可以用它来模拟技巧的TabIndex:悬停。

克里斯创建了一个示例,他有一个形象扩大当'徘徊'过来:

克里斯下面的HTML标记使用HTML5(注意TabIndex属性):

 

代码 <section class="image-gallery">
 
   <figure tabindex="1">
      <img src="http://css-tricks.com/expanding-images-html5/" alt="jump, matey" />
      <figcaption ">Jump!</figcaption>
   </figure>
 
</section>

 

 

如下图:
相关阅读 更多 +
排行榜 更多 +
全民飞机空战手机版

全民飞机空战手机版

飞行射击 下载
弗拉格职业射手手机版

弗拉格职业射手手机版

飞行射击 下载
反射单元2

反射单元2

飞行射击 下载