在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背面是不可见的


本文由 w3cmark_前端笔记 版权所有,转载时请注明出处。
注明出处格式:w3cmark (http://www.w3cmark.com/2014/352.html)

分享到:

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
关注w3cmark
微信公众号 w3cmark_com