网页制作 
首页 > 网页制作 > 浏览文章

使用CSS3在触屏上为按钮实现激活效果

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

2. 在触屏上,:hover和:active也不是直接就起到作用的,这里要借助一个小小的hack,在html的body中(或者目标元素上)添加 ontouchstart="" ,来邪恶地诱使WebView监听touch事件。
上一篇:任意图片实现垂直居中的三种方法(兼容性还不错)
下一篇:cellpadding=0 cellspacing=0的css替代写法
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网