圣月醒剑吧 关注:200贴子:13,953

回复:【技术】个人技术贴

取消只看楼主收藏回复

在我们用手机浏览网页时,当点击某个链接或者点击事件时 会出现一层蓝色半透明的高光显示,
但在开发webapp时,由于网页是被native load去的,在app里面点击的时候如果出现高光则显得很不和谐
css3 的-webkit-tap-highlight-color: rgba(0,0,0,0);的这个属性完美的解决了这个问题
你只去把他放在body里就可以了,通过属性值你可以清晰的知道它所表达的意思 rgba都为0,意思是黑色全透明
这样你点击的时候就不会有蓝色的半透明层了
代码如下:
body{-webkit-tap-highlight-color: rgba(0,0,0,0);}


来自手机贴吧257楼2014-06-03 18:23
回复
    顶楼专用。


    来自Android客户端258楼2014-09-05 23:13
    回复
      2026-07-14 18:00:27
      广告
      不感兴趣
      开通SVIP免广告
      顶楼专用,纳米核心签名档生成。


      来自Android客户端260楼2014-09-18 00:22
      收起回复
        超有趣的cardboard,
        资源:http://pan.baidu.com/s/1bncVvg7
        密码: mcki


        261楼2014-10-10 11:35
        回复
          理解CSS3 transform中的Matrix(矩阵):http://blog.csdn.net/henren555/article/details/9699449


          262楼2014-11-26 22:44
          回复
            css3文字描边
            -webkit-text-fill-color: rgba(255,255,255,1);/*文字的填充色*/
            -webkit-text-stroke: 2px rgba(0,0,0,1);/*描边的像素,也就是粗细,这里指定是2像素的黑色边框*/
            css3文字渐变
            background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(240, 142, 17, 1)), to(rgba(212, 15, 32, 1)));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;


            263楼2014-12-07 13:55
            回复
              outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
              注释:轮廓线不会占据空间,也不一定是矩形。
              outline:#f00 solid 1px;
              border 是边框,outline 是轮廓
              border:1px solid #00C;
              轮廓线不会占据空间,边框会占据空间,这一点很重要。当设置border:none时,谷歌浏览器还是有边框这时需要设置outline:none才能消除。


              264楼2015-02-03 12:21
              回复
                FileReader,HTML5之文件操作http://blog.csdn.net/zk437092645/article/details/8745647


                265楼2015-02-07 21:44
                收起回复
                  2026-07-14 17:54:27
                  广告
                  不感兴趣
                  开通SVIP免广告
                  css属性:counter-increment:对部分和子部分进行编号http://www.cnblogs.com/cosiray/archive/2012/12/06/2804770.html


                  266楼2015-02-11 17:40
                  回复
                    搭建一个免费的,无限流量的Blog----github Pages和Jekyll入门
                    http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html


                    268楼2015-02-13 19:08
                    回复
                      npm,一个很好的安装工具哦,nodejs自带。


                      来自Android客户端269楼2015-04-01 12:02
                      回复
                        免费空间hostinger
                        网址http://www.hostinger.com.hk/


                        270楼2015-05-10 19:41
                        回复
                          html5 canvas半透明线条画笔
                          blog.163.com/sdhhqb@126/blog/static/637055372014830104657244


                          271楼2016-04-21 11:38
                          回复
                            if(document.hasOwnProperty("ontouchstart"))
                            { alert("浏览器支持触屏"); }
                            else
                            {alert("浏览器不支持触屏");}


                            272楼2016-05-16 17:56
                            回复
                              2026-07-14 17:48:27
                              广告
                              不感兴趣
                              开通SVIP免广告
                              function a(){
                              "屏幕宽高为:"+screen.width+"*"+screen.height;
                              }
                              其它:
                              网页可见区域宽:document.body.clientWidth
                              网页可见区域高:document.body.clientHeight
                              网页可见区域宽:document.body.offsetWidth (包括边线的宽)
                              网页可见区域高:document.body.offsetHeight (包括边线的宽)
                              网页正文全文宽:document.body.scrollWidth
                              网页正文全文高:document.body.scrollHeight
                              网页被卷去的高:document.body.scrollTop
                              网页被卷去的左:document.body.scrollLeft
                              网页正文部分上:window.screenTop
                              网页正文部分左:window.screenLeft
                              屏幕分辨率的高:window.screen.height
                              屏幕分辨率的宽:window.screen.width
                              屏幕可用工作区高度:window.screen.availHeight
                              屏幕可用工作区宽度:window.screen.availWidth
                              HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
                              scrollHeight: 获取对象的滚动高度。
                              scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
                              scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
                              scrollWidth:获取对象的滚动宽度
                              offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
                              offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
                              offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
                              event.clientX 相对文档的水平座标
                              event.clientY 相对文档的垂直座标
                              event.offsetX 相对容器的水平坐标
                              event.offsetY 相对容器的垂直坐标
                              document.documentElement.scrollTop 垂直方向滚动的值
                              event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量


                              274楼2016-05-16 19:17
                              回复