模拟:悬停和纯双点击移动设备的CSS
时间:2011-01-08 来源:笨娃娃
当建立在诸如iPhone的iPad,设备的移动Web应用程序,和Android你失去了心爱的CSS:悬停财产的事情,这样可以更容易创造。克里斯Coyier一直在探索如何应对单,双点击仍然使用纯CSS,即使我们没有:悬停。
对于单一的点击,克里斯发现,你可以用它来模拟技巧的TabIndex:悬停。
克里斯创建了一个示例,他有一个形象扩大当'徘徊'过来:
克里斯下面的HTML标记使用HTML5(注意TabIndex属性):

<figure tabindex="1">
<img src="http://css-tricks.com/expanding-images-html5/" alt="jump, matey" />
<figcaption ">Jump!</figcaption>
</figure>
</section>
如下图:
相关阅读 更多 +