手机
当前位置:查字典教程网 >网页设计 > 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代码的空格实现中文对齐的方法

纯CSS绘制三角形箭头效果

CSS 3实现DIV圆角效果完整代码

用CSS实现表单form布局

CSS实现绝对底部

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

用纯CSS代码创建日历图标

UltraEdit 使用技巧汇总

用CSS实现表格背景颜色渐变效果

CSS+DIV制作页面圆角效果

精品推荐
分类导航