手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >使用CSS3在触屏上为按钮实现激活效果
使用CSS3在触屏上为按钮实现激活效果
摘要:1.:hover伪类在触屏上表现不完美,在Android的WebView中,WebKit会处理touch事件和mouse事件,当手指停留在按...

1. :hover伪类在触屏上表现不完美,在Android的WebView中,WebKit会处理touch事件和mouse事件,当手指停留在按钮 上,hover状态的确被触发,但是当手指保持接触屏幕并离开按钮,hover状态依然保留。所以需要借助:active伪类的css来表现状态变化。

2. 在触屏上,:hover和:active也不是直接就起到作用的,这里要借助一个小小的hack,在html的body中(或者目标元素上)添加 ontouchstart="" ,来邪恶地诱使WebView监听touch事件。

【使用CSS3在触屏上为按钮实现激活效果】相关文章:

CSS在IE和Firefox兼容要点分析

纯CSS代码实现翻页焦点图效果

如何用CSS将图片显示成圆角

CSS文字颜色不变下划线变颜色的实现

div内table居中实现代码

使用CSS代码的空格实现中文对齐的方法

20个实用便捷的CSS3工具、库及实例

用CSS3编程模仿iPhone中的返回按钮

CSS中使用counter()在列表中自动添加序号

UltraEdit 使用技巧汇总

精品推荐
分类导航