在iPhone4的微信,切换效果时背景会闪一下

 今天在做移动端满屏切换效果的时候,遇到了一个坑。在iPhone4下的微信里面,上下满屏切换的时候,背景会先闪一下,这个应该是在ios5的系统下回出现的一个bug。

    找了很久,后来发现了css3的一个属性backface-visibility,解决方案就是在全局样式里面加上:

*{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

这个属性第一次用,下面来看看这个属性的具体意思:    

    backface-visibility 属性定义当元素不面向屏幕时是否可见。

    如果在旋转元素不希望看到其背面时,该属性很有用。   

默认值: visible
继承性: no
版本: CSS3
JavaScript 语法: object.style.backfaceVisibility="hidden"

    语法:

backface-visibility: visible|hidden;

 


描述
visible 背面是可见的
hidden 背面是不可见的
posted @ 2015-06-30 14:30  328201736  阅读(352)  评论(0编辑  收藏  举报