DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> 使用CSS3在觸屏上為按鈕實現激活效果
使用CSS3在觸屏上為按鈕實現激活效果
編輯:布局實例     

1. :hover偽類在觸屏上表現不完美,在Android的WebView中,WebKit會處理touch事件和mouse事件,當手指停留在按鈕 上,hover狀態的確被觸發,但是當手指保持接觸屏幕並離開按鈕,hover狀態依然保留。所以需要借助:active偽類的css來表現狀態變化。

2. 在觸屏上,:hover和:active也不是直接就起到作用的,這裡要借助一個小小的hack,在html的body中(或者目標元素上)添加 ontouchstart="" ,來邪惡地誘使WebView監聽touch事件。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved