移动端bug~~移动端:active伪类无效的解决方法【移动端：active样式无效】

移动端:active伪类无效的解决方法

:active伪类常用于设定点击状态下或其他被激活状态下一个链接的样式.最常用于锚点<a href="#">这种情况,一般主流浏览器下也支持其他元素,如button等.在多按键的鼠标系统中,:active只适用于主按键,目前的大部分情况都是左键即主键.该伪类下定义的CSS样式只在按下鼠标按钮与释放鼠标按钮之间的短暂瞬间被触发显示.使用键盘的tab键也可以触发:active状态. 说到:active伪类就不得不提到:link,:visited,:hover,:active这个…

移动端bug~~移动端:active伪类无效的解决方法【移动端：active样式无效】

移动端:active伪类无效的解决方法[移动端 :active样式无效]2016-09-26 15:46:50 问题: 移动端开发的时候实现按钮的点击样式变化,但是在iphone[safiri Mobiles]下没有效果显示! 解决:看来在iOS系统的移动设备中,需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态. 代码: //移动端:active伪类无效的解决方法 document.body.addEventListener('touchstart…

iOS Web开发激活css的active伪类

最近在做一个资讯客户端,用到UIWebview展示一些网页内容,本来想做一个简单的按压效果,发现在css中设置active属性一直不管用. 查阅了一下资料,今天发现,要让css active伪类生效,只需要给这个元素的touchstart/touchend绑定一个空的匿名方法即可成功. 下面简单以一个文本作为例子: <!DOCTYPE html> <html> <head> <style> p { color: yellow; } p:active { co…

css :active伪类的理解

/*active伪类为点击鼠标按下去还没松开鼠标的那一瞬间的事件*/…

解决scroll在ios上卡顿问题和兼容ios不支持:active伪类情况

//有时候因为滚动层级元素过多会产生卡顿,特别在ios上十分明显,如果不想更换其他实现方式,可以加:-webkit-overflow-scrolling: touch; 开启硬件加速: 兼容ios不支持:active伪类 document.body.addEventListener('touchstart', function () {})…

Eclipse、MinGW、JNI编写C++生成dll, Java端调用的完整示例(附java.lang.UnsatisfiedLinkError解决方法)

Eclipse.MinGW.JNI编写C++生成dll, Java端调用的完整示例(附java.lang.UnsatisfiedLinkError解决方法) 问题背景:之前的JNI编程都是基于Android的NDK工具,生成so文件供android端调用,参见:http://blog.csdn.net/yanzi1225627/article/details/8525720 现在的目标是用eclipse CDT MinGW编写C++文件生成PC上可用的动态链接库dll,供纯Java调用.本以为…

[转] 用javascript修改css伪类的几种方法

用javascript修改css伪类的几种方法: Modify pseudo element styles with JavaScript http://pankajparashar.com/posts/modify-pseudo-elements-css/…

微信浏览器或各种移动浏览器上:active伪类做的触觉反馈失效

在做移动端页面的时候,会发现PC上那种:hover的效果是不管用了的,但又要给用户一个点击反馈怎么办呢?我管它叫触觉反馈. 细心点就会发现浏览器有自带了一点触觉反馈,在点击a.button.input的时候都会出现,像这样: 应该有见过的吧..这个应该是浏览器的默认样式,有时候是想要这样的,可以加样式解决,比如: a,button,input{-webkit-tap-highlight-color:rgba(255,255,255,0);} 其实就是把a.button.input这些标签的系统触…

移动端遇到的常见JS与CSS问题及解决方法

由于笔者的水平有限,虽说都是笔者遇到过使用过的,但文中可能也会出现一些问题或不严谨的地方,望各位指出,不胜感激! 一. css部分 body如果设置height:100%;overflow:hidden是依然可以滑动的,如果需禁止,要再加一层div设置 height:100%加overflow:hidden(html,body加height:100%) ,这样元素超出body的高度也不能滑动了 meta标签 <meta name="viewport" content="…

移动端H5页面中1px边框的几种解决方法

问题提出这是一个比较老的问题了,我第一次注意到的时候,是UI设计师来找我麻烦,emmm那时候我才初入前端职场,啥也不懂啊啊啊啊啊,情形是这样的:设计师拿着手机过来:这些边框都粗了啊,我的设计稿上是1px的我:????我写的是1px呀,不信你看.(说着拿出了css代码设计师:不对啊我眼睛看来这个边框比我设计稿上粗很多,看起来好奇怪(emmm果然像素眼我:那我把它改成0.5px你看看(边说边改了代码设计师一看,点点头,果然好很多.后来发现同样的代码在某些安卓机上是有问题的,会导致0.5px的线看不…

cSS3 伪类:nth-child 的使用方法

:nth-child是一个非常牛逼的伪类,如果你能很好的理解它就可以用CSS 做出很多非常实用的效果.当我很年轻的时候还使用PHP的i++来实现一些东西,其实CSS 完全可以实现.下面是我总结的一些用法,用了可爱的糖糖做演示,彩色头像就代表选中,T,T. 仅选择第5个 li:nth-child(5) { ... } 如果选择第一个元素的话你可以使用:first-child或者用上面的方法. 除了前五个全部选择 li:nth-child(n+6) { ... } 只选择前5个 li:nth-chi…

安卓移动端line-height垂直居中出现偏移的原因，及解决方法

目前在移动端安卓手机上使用line-height属性,让它的值等于height,结果发现是不居中的.出现了一定位置的偏移情况,如果略微只有两三个像素差距是看不出来的. 左图中的字号是12px,右图中的行高是26px.仔细观察过上图后,闲话少扯,直接说说我对这个android上line-height问题的一些看法: 字体大小不要使用奇数字号,带小数点的更不要提了.也就是说被2整除的整数且不可小于12px. 尽量不要使用rem或者em的单位,除非你能对字号的把握在每个手机上都能达到第1条的要求.别外…

【FAQ】接入HMS Core推送服务，服务端下发消息常见错误码原因分析及解决方法

HMS Core推送服务支持开发者使用HTTPS协议接入Push服务端,可以从服务器发送下行消息给终端设备.这篇文章汇总了服务端下发消息最常见的6个错误码,并提供了原因分析和解决方法,有遇到类似问题的开发者们快了解一下吧. 错误码一:80200001," Oauth认证错误" 原因分析: 下发消息未添加Authorization请求参数或值为空. 应用A的APPID申请的Access Token,却用于给应用B推送消息,也会出现此错误码. 申请Access Token 下发消息解决方…

a:hover伪类在ios移动端浏览器内无效的解决方法

a:hover 设置的样式在ios系统的浏览器内显示不出来,看来在iOS系统的移动设备中,需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态. 方法一: document.body.addEventListener('touchstart',function(){}); 方法二: 给body添加ontouchstart <body ontouchstart>…

解决ios不支持按钮:active伪类的方法

mozilla开发社区上有 :active 不起作用的答案: [1] By default, Safari Mobile does not use the :active state unless there is a touchstart event handler on the relevant element or on the <body>. 在iOS系统的移动设备中,需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态. document.b…

手机端css实现active伪类

今天遇到手机端的css中a标签的active不起作用,原本想循环a标签,给当前的a标签添加class来解决,可觉得有点儿小麻烦,经查资料了解到解决此问题,只需要添加一个touchstart的空事件即可. 例子如下: <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><style>*{ m…

H5解决active伪类失效---点击后背景效果

<body ontouchstart></body> 给body注册一个空事件即可…

【H5-移动端开发】外部唤起本机APP的解决方法

太长时间没来博客园,原因很简单啊--太懒了!罪过罪过~ 最近公司的APP项目开始运行,采用的是原生框架+内嵌H5页面.作为一个菜鸡前端,开始入手学习移动端的界面制作加载性能优化.由于公司开始推广软件,加大引流量,运营部开发了软件短信提醒功能,其中需要在短信内放置软件的短链接,简单常见的一个小功能,而我要做的是提供一个短连接就可以了. 分析了一下功能需求:.当用户通过短信内部点击短链接时,会自动唤起我们的APP. 需要考虑:1.判断用户的设备类型.2.判断用户是否已经安装了此软件,安装了直接唤起,…